Prepare dev environment for the 2024 campaign

- Update Use of Funds content import - Update Campaign Parameters import - Remove archive and update banner folder naming convention - Add `@banners` import alias - Improve all imports - Add environment config to ensure mw Vue is never loaded in dev - Remove jQuery plugin from webpack - Remove iPad en Ticket: https://phabricator.wikimedia.org/T366889
wmde · Jun 20, 2024 · 72af78e · 72af78e
1 parent d321b60
commit 72af78e
Show file tree

Hide file tree

Showing 197 changed files with 384 additions and 1,282 deletions.
diff --git a/banners/desktop/banner_ctrl.ts → ...top/C24_WMDE_Desktop_DE_00/banner_ctrl.ts b/banners/desktop/banner_ctrl.ts → ...top/C24_WMDE_Desktop_DE_00/banner_ctrl.ts
diff --git a/banners/desktop/banner_var.ts → ...ktop/C24_WMDE_Desktop_DE_00/banner_var.ts b/banners/desktop/banner_var.ts → ...ktop/C24_WMDE_Desktop_DE_00/banner_var.ts
diff --git a/banners/desktop/components/BannerCtrl.vue → ...E_Desktop_DE_00/components/BannerCtrl.vue b/banners/desktop/components/BannerCtrl.vue → ...E_Desktop_DE_00/components/BannerCtrl.vue
diff --git a/banners/desktop/components/BannerVar.vue → ...DE_Desktop_DE_00/components/BannerVar.vue b/banners/desktop/components/BannerVar.vue → ...DE_Desktop_DE_00/components/BannerVar.vue
diff --git a/...ers/desktop/components/FallbackBanner.vue → ...sktop_DE_00/components/FallbackBanner.vue b/...ers/desktop/components/FallbackBanner.vue → ...sktop_DE_00/components/FallbackBanner.vue
diff --git a/banners/desktop/components/MainBanner.vue → ...E_Desktop_DE_00/components/MainBanner.vue b/banners/desktop/components/MainBanner.vue → ...E_Desktop_DE_00/components/MainBanner.vue
diff --git a/...rs/desktop/components/MinimisedBanner.vue → ...ktop_DE_00/components/MinimisedBanner.vue b/...rs/desktop/components/MinimisedBanner.vue → ...ktop_DE_00/components/MinimisedBanner.vue
diff --git a/...desktop/content/AlreadyDonatedContent.vue → ...p_DE_00/content/AlreadyDonatedContent.vue b/...desktop/content/AlreadyDonatedContent.vue → ...p_DE_00/content/AlreadyDonatedContent.vue
diff --git a/banners/desktop/content/BannerSlides.vue → ...DE_Desktop_DE_00/content/BannerSlides.vue b/banners/desktop/content/BannerSlides.vue → ...DE_Desktop_DE_00/content/BannerSlides.vue
diff --git a/banners/desktop/content/BannerText.vue → ...WMDE_Desktop_DE_00/content/BannerText.vue b/banners/desktop/content/BannerText.vue → ...WMDE_Desktop_DE_00/content/BannerText.vue
diff --git a/banners/desktop/content/FallbackSlides.vue → ..._Desktop_DE_00/content/FallbackSlides.vue b/banners/desktop/content/FallbackSlides.vue → ..._Desktop_DE_00/content/FallbackSlides.vue
diff --git a/banners/desktop/content/FallbackText.vue → ...DE_Desktop_DE_00/content/FallbackText.vue b/banners/desktop/content/FallbackText.vue → ...DE_Desktop_DE_00/content/FallbackText.vue
diff --git a/banners/desktop/content/MinimisedText.vue → ...E_Desktop_DE_00/content/MinimisedText.vue b/banners/desktop/content/MinimisedText.vue → ...E_Desktop_DE_00/content/MinimisedText.vue
diff --git a/.../desktop/currentCampaignTimePercentage.ts → ...op_DE_00/currentCampaignTimePercentage.ts b/.../desktop/currentCampaignTimePercentage.ts → ...op_DE_00/currentCampaignTimePercentage.ts
diff --git a/banners/desktop/event_map.ts → ...sktop/C24_WMDE_Desktop_DE_00/event_map.ts b/banners/desktop/event_map.ts → ...sktop/C24_WMDE_Desktop_DE_00/event_map.ts
diff --git a/...rs/desktop/events/BannerMaximisedEvent.ts → ...ktop_DE_00/events/BannerMaximisedEvent.ts b/...rs/desktop/events/BannerMaximisedEvent.ts → ...ktop_DE_00/events/BannerMaximisedEvent.ts
diff --git a/...rs/desktop/events/BannerMinimisedEvent.ts → ...ktop_DE_00/events/BannerMinimisedEvent.ts b/...rs/desktop/events/BannerMinimisedEvent.ts → ...ktop_DE_00/events/BannerMinimisedEvent.ts
diff --git a/banners/desktop/form_items.ts → ...ktop/C24_WMDE_Desktop_DE_00/form_items.ts b/banners/desktop/form_items.ts → ...ktop/C24_WMDE_Desktop_DE_00/form_items.ts
diff --git a/banners/desktop/messages.ts → ...esktop/C24_WMDE_Desktop_DE_00/messages.ts b/banners/desktop/messages.ts → ...esktop/C24_WMDE_Desktop_DE_00/messages.ts
diff --git a/banners/desktop/styles/Banner.scss → ...C24_WMDE_Desktop_DE_00/styles/Banner.scss b/banners/desktop/styles/Banner.scss → ...C24_WMDE_Desktop_DE_00/styles/Banner.scss
diff --git a/banners/desktop/styles/FallbackBanner.scss → ..._Desktop_DE_00/styles/FallbackBanner.scss b/banners/desktop/styles/FallbackBanner.scss → ..._Desktop_DE_00/styles/FallbackBanner.scss
diff --git a/banners/desktop/styles/MainBanner.scss → ...WMDE_Desktop_DE_00/styles/MainBanner.scss b/banners/desktop/styles/MainBanner.scss → ...WMDE_Desktop_DE_00/styles/MainBanner.scss
diff --git a/banners/desktop/styles/MainBannerVar.scss → ...E_Desktop_DE_00/styles/MainBannerVar.scss b/banners/desktop/styles/MainBannerVar.scss → ...E_Desktop_DE_00/styles/MainBannerVar.scss
diff --git a/banners/desktop/styles/MinimisedBanner.scss → ...Desktop_DE_00/styles/MinimisedBanner.scss b/banners/desktop/styles/MinimisedBanner.scss → ...Desktop_DE_00/styles/MinimisedBanner.scss
diff --git a/banners/desktop/styles/colors.ts → ...p/C24_WMDE_Desktop_DE_00/styles/colors.ts b/banners/desktop/styles/colors.ts → ...p/C24_WMDE_Desktop_DE_00/styles/colors.ts
diff --git a/banners/desktop/styles/fallback_colors.ts → ...E_Desktop_DE_00/styles/fallback_colors.ts b/banners/desktop/styles/fallback_colors.ts → ...E_Desktop_DE_00/styles/fallback_colors.ts
diff --git a/banners/desktop/styles/styles.scss → ...C24_WMDE_Desktop_DE_00/styles/styles.scss b/banners/desktop/styles/styles.scss → ...C24_WMDE_Desktop_DE_00/styles/styles.scss
diff --git a/banners/desktop/styles/styles_var.scss → ...WMDE_Desktop_DE_00/styles/styles_var.scss b/banners/desktop/styles/styles_var.scss → ...WMDE_Desktop_DE_00/styles/styles_var.scss
diff --git a/banners/english/banner_ctrl.ts → ...ish/C24_WMDE_Desktop_EN_00/banner_ctrl.ts b/banners/english/banner_ctrl.ts → ...ish/C24_WMDE_Desktop_EN_00/banner_ctrl.ts
diff --git a/banners/english/banner_var.ts → ...lish/C24_WMDE_Desktop_EN_00/banner_var.ts b/banners/english/banner_var.ts → ...lish/C24_WMDE_Desktop_EN_00/banner_var.ts
diff --git a/banners/english/components/BannerCtrl.vue → ...E_Desktop_EN_00/components/BannerCtrl.vue b/banners/english/components/BannerCtrl.vue → ...E_Desktop_EN_00/components/BannerCtrl.vue
diff --git a/banners/english/components/BannerVar.vue → ...DE_Desktop_EN_00/components/BannerVar.vue b/banners/english/components/BannerVar.vue → ...DE_Desktop_EN_00/components/BannerVar.vue
diff --git a/...ers/english/components/FallbackBanner.vue → ...sktop_EN_00/components/FallbackBanner.vue b/...ers/english/components/FallbackBanner.vue → ...sktop_EN_00/components/FallbackBanner.vue
diff --git a/banners/english/components/MainBanner.vue → ...E_Desktop_EN_00/components/MainBanner.vue b/banners/english/components/MainBanner.vue → ...E_Desktop_EN_00/components/MainBanner.vue
diff --git a/banners/english/content/BannerSlides.vue → ...DE_Desktop_EN_00/content/BannerSlides.vue b/banners/english/content/BannerSlides.vue → ...DE_Desktop_EN_00/content/BannerSlides.vue
diff --git a/banners/english/content/BannerText.vue → ...WMDE_Desktop_EN_00/content/BannerText.vue b/banners/english/content/BannerText.vue → ...WMDE_Desktop_EN_00/content/BannerText.vue
diff --git a/banners/english/content/FallbackSlides.vue → ..._Desktop_EN_00/content/FallbackSlides.vue b/banners/english/content/FallbackSlides.vue → ..._Desktop_EN_00/content/FallbackSlides.vue
diff --git a/banners/english/content/FallbackText.vue → ...DE_Desktop_EN_00/content/FallbackText.vue b/banners/english/content/FallbackText.vue → ...DE_Desktop_EN_00/content/FallbackText.vue
diff --git a/banners/english/event_map.ts → ...glish/C24_WMDE_Desktop_EN_00/event_map.ts b/banners/english/event_map.ts → ...glish/C24_WMDE_Desktop_EN_00/event_map.ts
diff --git a/banners/english/form_items.ts → ...lish/C24_WMDE_Desktop_EN_00/form_items.ts b/banners/english/form_items.ts → ...lish/C24_WMDE_Desktop_EN_00/form_items.ts
diff --git a/banners/english/messages.ts → ...nglish/C24_WMDE_Desktop_EN_00/messages.ts b/banners/english/messages.ts → ...nglish/C24_WMDE_Desktop_EN_00/messages.ts
diff --git a/banners/english/styles/Banner.scss → ...C24_WMDE_Desktop_EN_00/styles/Banner.scss b/banners/english/styles/Banner.scss → ...C24_WMDE_Desktop_EN_00/styles/Banner.scss
diff --git a/banners/english/styles/FallbackBanner.scss → ..._Desktop_EN_00/styles/FallbackBanner.scss b/banners/english/styles/FallbackBanner.scss → ..._Desktop_EN_00/styles/FallbackBanner.scss
diff --git a/banners/english/styles/MainBanner.scss → ...WMDE_Desktop_EN_00/styles/MainBanner.scss b/banners/english/styles/MainBanner.scss → ...WMDE_Desktop_EN_00/styles/MainBanner.scss
diff --git a/banners/english/styles/styles.scss → ...C24_WMDE_Desktop_EN_00/styles/styles.scss b/banners/english/styles/styles.scss → ...C24_WMDE_Desktop_EN_00/styles/styles.scss
diff --git a/banners/mobile/banner_ctrl.ts → ...bile/C24_WMDE_Mobile_DE_00/banner_ctrl.ts b/banners/mobile/banner_ctrl.ts → ...bile/C24_WMDE_Mobile_DE_00/banner_ctrl.ts
diff --git a/banners/mobile/banner_var.ts → ...obile/C24_WMDE_Mobile_DE_00/banner_var.ts b/banners/mobile/banner_var.ts → ...obile/C24_WMDE_Mobile_DE_00/banner_var.ts
diff --git a/banners/mobile/components/BannerCtrl.vue → ...DE_Mobile_DE_00/components/BannerCtrl.vue b/banners/mobile/components/BannerCtrl.vue → ...DE_Mobile_DE_00/components/BannerCtrl.vue
diff --git a/banners/mobile/components/BannerVar.vue → ...MDE_Mobile_DE_00/components/BannerVar.vue b/banners/mobile/components/BannerVar.vue → ...MDE_Mobile_DE_00/components/BannerVar.vue
diff --git a/banners/mobile/components/FullPageBanner.vue → ...obile_DE_00/components/FullPageBanner.vue b/banners/mobile/components/FullPageBanner.vue → ...obile_DE_00/components/FullPageBanner.vue
diff --git a/banners/mobile/components/MiniBanner.vue → ...DE_Mobile_DE_00/components/MiniBanner.vue b/banners/mobile/components/MiniBanner.vue → ...DE_Mobile_DE_00/components/MiniBanner.vue
diff --git a/banners/mobile/components/MiniBannerVar.vue → ...Mobile_DE_00/components/MiniBannerVar.vue b/banners/mobile/components/MiniBannerVar.vue → ...Mobile_DE_00/components/MiniBannerVar.vue
diff --git a/banners/mobile/content/BannerSlides.vue → ...MDE_Mobile_DE_00/content/BannerSlides.vue b/banners/mobile/content/BannerSlides.vue → ...MDE_Mobile_DE_00/content/BannerSlides.vue
diff --git a/banners/mobile/content/BannerText.vue → ..._WMDE_Mobile_DE_00/content/BannerText.vue b/banners/mobile/content/BannerText.vue → ..._WMDE_Mobile_DE_00/content/BannerText.vue
diff --git a/banners/mobile/event_map.ts → ...mobile/C24_WMDE_Mobile_DE_00/event_map.ts b/banners/mobile/event_map.ts → ...mobile/C24_WMDE_Mobile_DE_00/event_map.ts
diff --git a/banners/mobile/form_items.ts → ...obile/C24_WMDE_Mobile_DE_00/form_items.ts b/banners/mobile/form_items.ts → ...obile/C24_WMDE_Mobile_DE_00/form_items.ts
diff --git a/banners/mobile/form_items_var.ts → ...e/C24_WMDE_Mobile_DE_00/form_items_var.ts b/banners/mobile/form_items_var.ts → ...e/C24_WMDE_Mobile_DE_00/form_items_var.ts
diff --git a/banners/mobile/messages.ts → .../mobile/C24_WMDE_Mobile_DE_00/messages.ts b/banners/mobile/messages.ts → .../mobile/C24_WMDE_Mobile_DE_00/messages.ts
diff --git a/banners/mobile/styles/Banner.scss → .../C24_WMDE_Mobile_DE_00/styles/Banner.scss b/banners/mobile/styles/Banner.scss → .../C24_WMDE_Mobile_DE_00/styles/Banner.scss
diff --git a/banners/mobile/styles/FullPageBanner.scss → ...E_Mobile_DE_00/styles/FullPageBanner.scss b/banners/mobile/styles/FullPageBanner.scss → ...E_Mobile_DE_00/styles/FullPageBanner.scss
diff --git a/banners/mobile/styles/MiniBanner.scss → ..._WMDE_Mobile_DE_00/styles/MiniBanner.scss b/banners/mobile/styles/MiniBanner.scss → ..._WMDE_Mobile_DE_00/styles/MiniBanner.scss
diff --git a/banners/mobile/styles/MiniBannerVar.scss → ...DE_Mobile_DE_00/styles/MiniBannerVar.scss b/banners/mobile/styles/MiniBannerVar.scss → ...DE_Mobile_DE_00/styles/MiniBannerVar.scss
diff --git a/...le/styles/PaymentTypeWidthAdjustment.scss → ...00/styles/PaymentTypeWidthAdjustment.scss b/...le/styles/PaymentTypeWidthAdjustment.scss → ...00/styles/PaymentTypeWidthAdjustment.scss
diff --git a/banners/mobile/styles/styles.scss → .../C24_WMDE_Mobile_DE_00/styles/styles.scss b/banners/mobile/styles/styles.scss → .../C24_WMDE_Mobile_DE_00/styles/styles.scss
diff --git a/banners/mobile/styles/styles_var.scss → ..._WMDE_Mobile_DE_00/styles/styles_var.scss b/banners/mobile/styles/styles_var.scss → ..._WMDE_Mobile_DE_00/styles/styles_var.scss
diff --git a/banners/mobile_english/banner_ctrl.ts → ...lish/C24_WMDE_Mobile_EN_00/banner_ctrl.ts b/banners/mobile_english/banner_ctrl.ts → ...lish/C24_WMDE_Mobile_EN_00/banner_ctrl.ts
diff --git a/banners/mobile_english/banner_var.ts → ...glish/C24_WMDE_Mobile_EN_00/banner_var.ts b/banners/mobile_english/banner_var.ts → ...glish/C24_WMDE_Mobile_EN_00/banner_var.ts
diff --git a/.../mobile_english/components/BannerCtrl.vue → ...DE_Mobile_EN_00/components/BannerCtrl.vue b/.../mobile_english/components/BannerCtrl.vue → ...DE_Mobile_EN_00/components/BannerCtrl.vue
diff --git a/...s/mobile_english/components/BannerVar.vue → ...MDE_Mobile_EN_00/components/BannerVar.vue b/...s/mobile_english/components/BannerVar.vue → ...MDE_Mobile_EN_00/components/BannerVar.vue
diff --git a/...ile_english/components/FullPageBanner.vue → ...obile_EN_00/components/FullPageBanner.vue b/...ile_english/components/FullPageBanner.vue → ...obile_EN_00/components/FullPageBanner.vue
diff --git a/.../mobile_english/components/MiniBanner.vue → ...DE_Mobile_EN_00/components/MiniBanner.vue b/.../mobile_english/components/MiniBanner.vue → ...DE_Mobile_EN_00/components/MiniBanner.vue
diff --git a/...s/mobile_english/content/BannerSlides.vue → ...MDE_Mobile_EN_00/content/BannerSlides.vue b/...s/mobile_english/content/BannerSlides.vue → ...MDE_Mobile_EN_00/content/BannerSlides.vue
diff --git a/...ers/mobile_english/content/BannerText.vue → ..._WMDE_Mobile_EN_00/content/BannerText.vue b/...ers/mobile_english/content/BannerText.vue → ..._WMDE_Mobile_EN_00/content/BannerText.vue
diff --git a/banners/mobile_english/event_map.ts → ...nglish/C24_WMDE_Mobile_EN_00/event_map.ts b/banners/mobile_english/event_map.ts → ...nglish/C24_WMDE_Mobile_EN_00/event_map.ts
diff --git a/banners/mobile_english/form_items.ts → ...glish/C24_WMDE_Mobile_EN_00/form_items.ts b/banners/mobile_english/form_items.ts → ...glish/C24_WMDE_Mobile_EN_00/form_items.ts
diff --git a/banners/mobile_english/messages.ts → ...english/C24_WMDE_Mobile_EN_00/messages.ts b/banners/mobile_english/messages.ts → ...english/C24_WMDE_Mobile_EN_00/messages.ts
diff --git a/banners/mobile_english/styles/Banner.scss → .../C24_WMDE_Mobile_EN_00/styles/Banner.scss b/banners/mobile_english/styles/Banner.scss → .../C24_WMDE_Mobile_EN_00/styles/Banner.scss
@@ -1,7 +1,7 @@
-@use 'src/themes/Yperala/variables/globals';
-@use 'src/themes/Yperala/variables/breakpoints';
-@use 'src/themes/Yperala/variables/colors';
-@use 'src/themes/Yperala/variables/fonts';
+@use '@src/themes/Yperala/variables/globals';
+@use '@src/themes/Yperala/variables/breakpoints';
+@use '@src/themes/Yperala/variables/colors';
+@use '@src/themes/Yperala/variables/fonts';
 
 @keyframes hide-mini {
 	0% {

diff --git a/...mobile_english/styles/FullPageBanner.scss → ...E_Mobile_EN_00/styles/FullPageBanner.scss b/...mobile_english/styles/FullPageBanner.scss → ...E_Mobile_EN_00/styles/FullPageBanner.scss
@@ -1,5 +1,5 @@
-@use 'src/themes/Yperala/variables/breakpoints';
-@use 'src/themes/Yperala/variables/colors';
+@use '@src/themes/Yperala/variables/breakpoints';
+@use '@src/themes/Yperala/variables/colors';
 
 .wmde-banner {
 	&-full {

diff --git a/...ers/mobile_english/styles/MiniBanner.scss → ..._WMDE_Mobile_EN_00/styles/MiniBanner.scss b/...ers/mobile_english/styles/MiniBanner.scss → ..._WMDE_Mobile_EN_00/styles/MiniBanner.scss
@@ -1,7 +1,7 @@
-@use 'src/themes/Yperala/variables/globals';
-@use 'src/themes/Yperala/variables/colors';
-@use 'src/themes/Yperala/variables/breakpoints';
-@use 'src/themes/Treedip/variables/fonts';
+@use '@src/themes/Yperala/variables/globals';
+@use '@src/themes/Yperala/variables/colors';
+@use '@src/themes/Yperala/variables/breakpoints';
+@use '@src/themes/Treedip/variables/fonts';
 @use 'sass:color';
 
 $height-small: 328px !default;

diff --git a/banners/mobile_english/C24_WMDE_Mobile_EN_00/styles/styles.scss b/banners/mobile_english/C24_WMDE_Mobile_EN_00/styles/styles.scss
@@ -0,0 +1,16 @@
+@use '@src/components/BannerConductor/banner-transition';
+@use '@src/themes/UseOfFunds/UseOfFunds';
+@use '@src/themes/Yperala/defaults';
+@use 'Banner';
+@use 'MiniBanner';
+@use 'FullPageBanner';
+@use '@src/themes/Yperala/Slider/Slider';
+@use '@src/themes/Yperala/ProgressBar/ProgressBar';
+@use '@src/themes/Yperala/DonationForm/MultiStepDonation';
+@use '@src/themes/Yperala/DonationForm/SubComponents/SelectGroup';
+@use '@src/themes/Yperala/DonationForm/SubComponents/SelectGroupImageLabel';
+@use '@src/themes/Yperala/DonationForm/SubComponents/SelectCustomAmount';
+@use '@src/themes/Yperala/DonationForm/SubComponents/SmsBox';
+@use '@src/themes/Yperala/Footer/Footer';
+@use '@src/themes/Yperala/Footer/SelectionInput';
+@use '@src/themes/Yperala/SoftClose/SoftClose';
diff --git a/banners/mobile_english/styles/styles.scss b/banners/mobile_english/styles/styles.scss
diff --git a/banners/pad/banner_ctrl.ts → banners/pad/C24_WMDE_iPad_00/banner_ctrl.ts b/banners/pad/banner_ctrl.ts → banners/pad/C24_WMDE_iPad_00/banner_ctrl.ts
diff --git a/banners/pad/banner_var.ts → banners/pad/C24_WMDE_iPad_00/banner_var.ts b/banners/pad/banner_var.ts → banners/pad/C24_WMDE_iPad_00/banner_var.ts
diff --git a/banners/pad/components/BannerCtrl.vue → ...24_WMDE_iPad_00/components/BannerCtrl.vue b/banners/pad/components/BannerCtrl.vue → ...24_WMDE_iPad_00/components/BannerCtrl.vue
diff --git a/banners/pad/components/BannerVar.vue → ...C24_WMDE_iPad_00/components/BannerVar.vue b/banners/pad/components/BannerVar.vue → ...C24_WMDE_iPad_00/components/BannerVar.vue
diff --git a/banners/pad/components/MainBanner.vue → ...24_WMDE_iPad_00/components/MainBanner.vue b/banners/pad/components/MainBanner.vue → ...24_WMDE_iPad_00/components/MainBanner.vue
diff --git a/banners/pad/content/BannerSlides.vue → ...C24_WMDE_iPad_00/content/BannerSlides.vue b/banners/pad/content/BannerSlides.vue → ...C24_WMDE_iPad_00/content/BannerSlides.vue
diff --git a/banners/pad/event_map.ts → banners/pad/C24_WMDE_iPad_00/event_map.ts b/banners/pad/event_map.ts → banners/pad/C24_WMDE_iPad_00/event_map.ts
diff --git a/banners/pad/form_items.ts → banners/pad/C24_WMDE_iPad_00/form_items.ts b/banners/pad/form_items.ts → banners/pad/C24_WMDE_iPad_00/form_items.ts
diff --git a/banners/pad/form_items_var.ts → ...rs/pad/C24_WMDE_iPad_00/form_items_var.ts b/banners/pad/form_items_var.ts → ...rs/pad/C24_WMDE_iPad_00/form_items_var.ts
diff --git a/banners/pad/messages.ts → banners/pad/C24_WMDE_iPad_00/messages.ts b/banners/pad/messages.ts → banners/pad/C24_WMDE_iPad_00/messages.ts
diff --git a/banners/pad_english/styles/Banner.scss → ...s/pad/C24_WMDE_iPad_00/styles/Banner.scss b/banners/pad_english/styles/Banner.scss → ...s/pad/C24_WMDE_iPad_00/styles/Banner.scss
@@ -1,5 +1,5 @@
-@use 'src/themes/Treedip/variables/fonts';
-@use 'src/themes/Treedip/variables/colors';
+@use '@src/themes/Treedip/variables/fonts';
+@use '@src/themes/Treedip/variables/colors';
 
 .wmde-banner {
 	&-wrapper {

diff --git a/banners/pad/styles/MainBanner.scss → ...d/C24_WMDE_iPad_00/styles/MainBanner.scss b/banners/pad/styles/MainBanner.scss → ...d/C24_WMDE_iPad_00/styles/MainBanner.scss
@@ -1,6 +1,6 @@
-@use 'src/themes/Treedip/variables/colors';
-@use 'src/themes/Treedip/variables/fonts';
-@use 'src/themes/Treedip/variables/breakpoints';
+@use '@src/themes/Treedip/variables/colors';
+@use '@src/themes/Treedip/variables/fonts';
+@use '@src/themes/Treedip/variables/breakpoints';
 
 $banner-height: 353px !default;
 $form-width: 256px !default;

diff --git a/banners/pad/styles/MainBannerVar.scss → ...24_WMDE_iPad_00/styles/MainBannerVar.scss b/banners/pad/styles/MainBannerVar.scss → ...24_WMDE_iPad_00/styles/MainBannerVar.scss
@@ -1,6 +1,6 @@
-@use 'src/themes/Treedip/variables/colors';
-@use 'src/themes/Treedip/variables/fonts';
-@use 'src/themes/Treedip/variables/breakpoints';
+@use '@src/themes/Treedip/variables/colors';
+@use '@src/themes/Treedip/variables/fonts';
+@use '@src/themes/Treedip/variables/breakpoints';
 
 $banner-height: 353px !default;
 $form-width: 256px !default;

diff --git a/banners/pad/C24_WMDE_iPad_00/styles/styles.scss b/banners/pad/C24_WMDE_iPad_00/styles/styles.scss
@@ -0,0 +1,41 @@
+// This is the file where we import the theme-specific component styles
+@use '@src/components/BannerConductor/banner-transition';
+@use 'Banner';
+@use 'MainBanner' with (
+	$banner-height: 378px,
+	$form-width: 256px
+);
+@use '@src/themes/UseOfFunds/UseOfFunds';
+@use '@src/themes/Treedip/defaults';
+@use '@src/themes/Treedip/ButtonClose/ButtonClose';
+@use '@src/themes/Treedip/ProgressBar/ProgressBar' with (
+	$progress-bar-margin: 0 15px
+);
+@use '@src/themes/Treedip/DonationForm/DonationForm' with (
+	$button-font-size: 12px
+);
+@use '@src/themes/Treedip/DonationForm/MultiStepDonation';
+@use '@src/themes/Treedip/DonationForm/SubComponents/SelectGroup' with (
+	$interval-option-width: 33.3333%
+);
+@use '@src/themes/Treedip/DonationForm/SubComponents/SelectGroupButtons' with (
+	$height: 30px
+);
+@use '@src/themes/Treedip/DonationForm/SubComponents/SelectCustomAmountButton' with (
+	$height: 30px
+);
+@use '@src/themes/Treedip/DonationForm/SubComponents/SmsBox';
+@use '@src/themes/Treedip/DonationForm/Forms/MainDonationForm' with (
+	$padding: 40px 0 0
+);
+@use '@src/themes/Treedip/DonationForm/Forms/UpgradeToYearlyButtonForm';
+@use '@src/themes/Treedip/DonationForm/Forms/CustomAmountForm';
+@use '@src/themes/Treedip/Footer/FooterAlreadyDonated';
+@use '@src/themes/Treedip/Footer/BannerFooter' with (
+	$right-column-width: 256px
+);
+@use '@src/themes/Treedip/Footer/SelectionInput';
+@use '@src/themes/Treedip/Message/Message';
+@use '@src/themes/Treedip/Slider/KeenSlider';
+@use '@src/themes/Treedip/AlreadyDonatedModal/AlreadyDonatedModal';
+@use '@src/themes/Treedip/SoftClose/SoftClose';
diff --git a/banners/pad/C24_WMDE_iPad_00/styles/styles_var.scss b/banners/pad/C24_WMDE_iPad_00/styles/styles_var.scss
@@ -0,0 +1,44 @@
+// This is the file where we import the theme-specific component styles
+@use '@src/components/BannerConductor/banner-transition';
+@use 'Banner';
+@use 'MainBannerVar' with (
+	$banner-height: 378px,
+	$form-width: 35%
+);
+@use '@src/themes/UseOfFunds/UseOfFunds';
+@use '@src/themes/Treedip/defaults';
+@use '@src/themes/Treedip/ButtonClose/ButtonClose';
+@use '@src/themes/Treedip/ProgressBar/ProgressBar' with (
+	$progress-bar-margin: 0 15px
+);
+@use '@src/themes/Treedip/DonationForm/DonationForm' with (
+	$button-font-size: 12px
+);
+@use '@src/themes/Treedip/DonationForm/MultiStepDonation';
+@use '@src/themes/Treedip/DonationForm/SubComponents/SelectGroup' with (
+	$interval-option-width: 33.3333%
+);
+@use '@src/themes/Treedip/DonationForm/SubComponents/SelectGroupImageLabel';
+@use '@src/themes/Treedip/DonationForm/SubComponents/SelectGroupButtons' with (
+	$height: 42px,
+	$padding: 0 8px 8px
+);
+@use '@src/themes/Treedip/DonationForm/SubComponents/SelectCustomAmountButton' with (
+	$height: 42px,
+	$padding: 0 8px 8px
+);
+@use '@src/themes/Treedip/DonationForm/SubComponents/SmsBox';
+@use '@src/themes/Treedip/DonationForm/Forms/MainDonationForm' with (
+	$padding: 0
+);
+@use '@src/themes/Treedip/DonationForm/Forms/UpgradeToYearlyButtonForm';
+@use '@src/themes/Treedip/DonationForm/Forms/CustomAmountForm';
+@use '@src/themes/Treedip/Footer/FooterAlreadyDonated';
+@use '@src/themes/Treedip/Footer/BannerFooter' with (
+	$right-column-width: 35%
+);
+@use '@src/themes/Treedip/Footer/SelectionInput';
+@use '@src/themes/Treedip/Message/Message';
+@use '@src/themes/Treedip/Slider/KeenSlider';
+@use '@src/themes/Treedip/AlreadyDonatedModal/AlreadyDonatedModal';
+@use '@src/themes/Treedip/SoftClose/SoftClose';
diff --git a/banners/pad/styles/Banner.scss b/banners/pad/styles/Banner.scss
diff --git a/banners/pad/styles/styles.scss b/banners/pad/styles/styles.scss
diff --git a/banners/pad/styles/styles_var.scss b/banners/pad/styles/styles_var.scss
diff --git a/banners/pad_english/banner_ctrl.ts b/banners/pad_english/banner_ctrl.ts