refactor(shipping): CHECKOUT-4431 Move shipping option styles to modu…

…le folder
bigcommerce · Jan 13, 2020 · 42d2ac9 · 42d2ac9
1 parent c45e6ca
commit 42d2ac9
Show file tree

Hide file tree

Showing 8 changed files with 19 additions and 38 deletions.
diff --git a/src/app/shipping/shippingOption/ShippingOptionsForm.scss b/src/app/shipping/shippingOption/ShippingOptionsForm.scss
@@ -0,0 +1,17 @@
+@import '../../ui/Base';
+
+.shippingOptions-panel {
+    background-color: container("fill");
+    border: container("border");
+    border-radius: $global-radius;
+    display: flex;
+    min-height: 10rem;
+    padding: spacing("half");
+    text-align: center;
+}
+
+.shippingOptions-panel-message {
+    align-self: center;
+    flex: 1;
+    margin: 0;
+}
diff --git a/src/app/shipping/shippingOption/ShippingOptionsForm.tsx b/src/app/shipping/shippingOption/ShippingOptionsForm.tsx
@@ -10,6 +10,7 @@ import getRecommendedShippingOption from '../getRecommendedShippingOption';
 import StaticConsignmentItemList from '../StaticConsignmentItemList';
 
 import { ShippingOptionsProps, WithCheckoutShippingOptionsProps } from './ShippingOptions';
+import './ShippingOptionsForm.scss';
 import ShippingOptionsList from './ShippingOptionsList';
 
 export type ShippingOptionsFormProps = ShippingOptionsProps & WithCheckoutShippingOptionsProps;

diff --git a/src/scss/components/_components.scss b/src/scss/components/_components.scss
@@ -112,9 +112,6 @@
 // Redeemable List
 @import "checkout/redeemable/component";
 
-// Checkout Shipping Options
-@import "checkout/shippingOptions/component";
-
 // Spam Protection
 @import "checkout/spamProtection/component";
 

diff --git a/src/scss/components/checkout/shippingOptions/_component.scss b/src/scss/components/checkout/shippingOptions/_component.scss
diff --git a/src/scss/components/checkout/shippingOptions/_shippingOptions.scss b/src/scss/components/checkout/shippingOptions/_shippingOptions.scss
diff --git a/src/scss/components/checkout/spamProtection/_spamProtection.scss b/src/scss/components/checkout/spamProtection/_spamProtection.scss
@@ -27,7 +27,7 @@
     border-radius: $global-radius;
     display: flex;
     min-height: 10rem;
-    padding: $shippingOptions-spacing;
+    padding: spacing("half");
     text-align: center;
 }
 

diff --git a/src/scss/settings/checkout/_checkout.scss b/src/scss/settings/checkout/_checkout.scss
@@ -19,5 +19,3 @@
 @import "dropdownSelect/settings";
 
 @import "paymentProvider/settings";
-
-@import "shippingOptions/settings";
diff --git a/src/scss/settings/checkout/shippingOptions/_settings.scss b/src/scss/settings/checkout/shippingOptions/_settings.scss