CHECKOUT-1967 Checkout Step Colors

bigcommerce · Aug 7, 2017 · 8a3186d · 8a3186d
1 parent 3311982
commit 8a3186d
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git a/assets/scss/optimized-checkout.scss b/assets/scss/optimized-checkout.scss
@@ -179,6 +179,10 @@ a {
     border-color: stencilColor("optimizedCheckout-orderSummary-borderColor");
 }
 
+.optimizedCheckout-checkoutStep {
+    border-color: stencilColor("optimizedCheckout-step-borderColor");
+}
+
 //
 // Checkout Steps
 // Background & Text Color

diff --git a/config.json b/config.json
@@ -271,6 +271,7 @@
     "optimizedCheckout-formField-backgroundColor": "#ffffff",
     "optimizedCheckout-formField-errorColor": "#ff0000",
     "optimizedCheckout-formField-inputControlColor": "#ff0000",
+    "optimizedCheckout-step-borderColor": "#000000",
     "optimizedCheckout-header-borderColor": "#ff0000",
     "optimizedCheckout-header-textColor": "#00ff00",
     "optimizedCheckout-loadingToaster-backgroundColor": "#0000ff",
@@ -508,6 +509,7 @@
         "optimizedCheckout-formField-backgroundColor": "#ffffff",
         "optimizedCheckout-formField-errorColor": "#ff0000",
         "optimizedCheckout-formField-inputControlColor": "#ff0000",
+        "optimizedCheckout-step-borderColor": "#000000",
         "optimizedCheckout-header-borderColor": "#ff0000",
         "optimizedCheckout-header-textColor": "#00ff00",
         "optimizedCheckout-loadingToaster-backgroundColor": "#0000ff",
@@ -680,6 +682,7 @@
         "optimizedCheckout-formField-backgroundColor": "#ffffff",
         "optimizedCheckout-formField-errorColor": "#ff0000",
         "optimizedCheckout-formField-inputControlColor": "#ff0000",
+        "optimizedCheckout-step-borderColor": "#000000",
         "optimizedCheckout-header-borderColor": "#ff0000",
         "optimizedCheckout-header-textColor": "#00ff00",
         "optimizedCheckout-loadingToaster-backgroundColor": "#0000ff",

diff --git a/schema.json b/schema.json
@@ -1963,6 +1963,11 @@
         "label": "Text color",
         "id": "optimizedCheckout-step-textColor"
       },
+      {
+        "type": "color",
+        "label": "Border color",
+        "id": "optimizedCheckout-step-borderColor"
+      },
       {
         "type": "heading",
         "content": "Primary headings"