add su- prefix to Decanter core and component variables, deprecate ol…

…d names (#452) * add su- prefix to component variables, deprecate old names * wip: continue adding su- prefix to variables * wip: continue namespacing variables * move grid variables into Variables.Core.Grid section of style guide * namespace grid variables * Move the box-shadow variables to their own section in the guild * fix bad markup in sg comment * �namespce gutter variables * CC - end file with newline * Merge 382 namespacing with master (#477) * THEME-14: Namespacing * THEME-14: -max-width to -intro-max-width * THEME-14: -max-width * THEME-14: -border-radius * THEME-14: -input-max-width and -focus-shadow * THEME-14: -modular-spacing-multiplier * THEME-14: -screen-margins * THEME-14: -screen-margins * THEME-14: _typography -root-font-size * THEME-14: _typography -base-font-size * THEME-14: _typography $su-base-line-height * THEME-14: _typography $su-displays-line-height * THEME-14: _typography $su-intro-line-height * THEME-14: _typography $su-intro-line-height * THEME-14: _typography $su-font-sans * THEME-14: _typography $su-font-slab * THEME-14: _typography $su-font-handwriting * THEME-14: _typography $su-font-x-light * THEME-14: _typography $su-font-light * THEME-14: _typography $su-font-regular * THEME-14: _typography $su-font-semi-bold * THEME-14: _typography $su-font-black * THEME-15: _colors $su-color-black * THEME-15: _colors $su-color-cardinal-red * THEME-15: _colors $su-color-cool-grey * THEME-15: _colors $color-white * THEME-15: _colors $su-color-beige * THEME-15: _colors $su-color-blue * THEME-15: _colors $color-bright-red * THEME-15: _colors $color-bright-blue * THEME-15: _colors $color-brown * THEME-15: _colors $color-chocolate * THEME-15: _colors $color-clay * THEME-15: _colors $color-cloud * THEME-15: _colors $color-dark-red * THEME-15: _colors $color-fog, -driftwood * THEME-15: _colors $color-gold * THEME-15: _colors $color-lagunita * THEME-15: _colors $color-light-sandstone * THEME-15: _colors $color-light-sandstone * THEME-15: _colors $color-mint * THEME-15: _colors $color-poppy $color-light-sandstone * THEME-15: _colors $color-light-sage * THEME-15: _colors $color-purple $color-palo-alt * THEME-15: _colors $color-redwood * THEME-15: _colors $color-sandhill * THEME-15: _colors $color-sky, $color-sandstone * THEME-15: _colors $color-stone * THEME-15: _colors $color-teal, $color-sun * THEME-15: _colors $color-vivid-read, $color-warm-grey * THEME-15: fixup * THEME-15: $nav-colors\* * THEME-14: -typography-base * fixup * THEME-14: remove $_su-main-nav-color-map * THEME-14: changing $core-colors * THEME-14: fix $responsive-columns-two: $su-responsive-columns-default \!default; * THEME-14: fix $su-font-sanskrit * THEME-14: fix $font-bold * THEME-14: fix Styleguide: Variables.Core.Colors.su-color-light-sage * THEME-14: fix Styleguide: Variables.Core.Breakpoints.su-breakpoint-xl * THEME-14: fix Styleguide: Variables.Core.Breakpoints.su-breakpoint-2xl * THEME-14: CC fix * THEME-14: Turns out it wasn't a mistake. Yes, this is correct: $responsive-columns-two: $responsive-columns-default \!default; * THEME-14: Turns out it wasn't a mistake. Yes, this is correct: $su-responsive-columns-two: $su-responsive-columns-default \!default; * fixup * fixup * THEME-14: $aspect-height * THEME-14: $aspect-width * THEME-14: $aspect-width * THEME-14: $input-border-width * THEME-14: $input-padding-vertical * THEME-14: $input-height-exact * THEME-14: $input-height * Fixup * Fixup * Update core/src/scss/utilities/variables/core/_colors.scss Co-Authored-By: Yvonne Tang <[email protected]> * Update core/src/scss/elements/input/_select.scss Co-Authored-By: Yvonne Tang <[email protected]> * Update core/src/scss/elements/input/_select.scss Co-Authored-By: Yvonne Tang <[email protected]> * THEME-14: image-path
SU-SWS · Sep 26, 2019 · db3b156 · db3b156
1 parent b586651
commit db3b156
Show file tree

Hide file tree

Showing 144 changed files with 2,351 additions and 1,167 deletions.
diff --git a/core/dist/css/decanter.css b/core/dist/css/decanter.css
diff --git a/core/src/scss/components/alert/_alert--error.scss b/core/src/scss/components/alert/_alert--error.scss
@@ -2,17 +2,17 @@
 
 // Error alert.
 .su-alert--error {
-  background-color: color(error, $alert-colors);
-  background-image: url("#{$image-path}/alert-error.png");
-  background-image: url("#{$image-path}/alert-error.svg");
-  color: color(light-text, $alert-colors);
+  background-color: color(error, $su-alert-colors);
+  background-image: url("#{$su-image-path}/alert-error.png");
+  background-image: url("#{$su-image-path}/alert-error.svg");
+  color: color(light-text, $su-alert-colors);
 
   a {
-    color: color(light-text, $alert-colors);
+    color: color(light-text, $su-alert-colors);
 
     &:hover,
     &:focus {
-      color: color(light-hover, $alert-colors);
+      color: color(light-hover, $su-alert-colors);
     }
   }
 }
diff --git a/core/src/scss/components/alert/_alert--info.scss b/core/src/scss/components/alert/_alert--info.scss
@@ -2,17 +2,17 @@
 
 // Info alert.
 .su-alert--info {
-  background-color: color(info, $alert-colors);
-  background-image: url("#{$image-path}/alert-info.png");
-  background-image: url("#{$image-path}/alert-info.svg");
-  color: color(light-text, $alert-colors);
+  background-color: color(info, $su-alert-colors);
+  background-image: url("#{$su-image-path}/alert-info.png");
+  background-image: url("#{$su-image-path}/alert-info.svg");
+  color: color(light-text, $su-alert-colors);
 
   a {
-    color: color(light-text, $alert-colors);
+    color: color(light-text, $su-alert-colors);
 
     &:hover,
     &:focus {
-      color: color(light-hover, $alert-colors);
+      color: color(light-hover, $su-alert-colors);
     }
   }
 }
diff --git a/core/src/scss/components/alert/_alert--success.scss b/core/src/scss/components/alert/_alert--success.scss
@@ -2,17 +2,17 @@
 
 // Success alert.
 .su-alert--success {
-  background-color: color(success, $alert-colors);
-  background-image: url("#{$image-path}/alert-success.png");
-  background-image: url("#{$image-path}/alert-success.svg");
-  color: color(light-text, $alert-colors);
+  background-color: color(success, $su-alert-colors);
+  background-image: url("#{$su-image-path}/alert-success.png");
+  background-image: url("#{$su-image-path}/alert-success.svg");
+  color: color(light-text, $su-alert-colors);
 
   a {
-    color: color(light-text, $alert-colors);
+    color: color(light-text, $su-alert-colors);
 
     &:hover,
     &:focus {
-      color: color(light-hover, $alert-colors);
+      color: color(light-hover, $su-alert-colors);
     }
   }
 }
diff --git a/core/src/scss/components/alert/_alert--warning.scss b/core/src/scss/components/alert/_alert--warning.scss
@@ -2,11 +2,11 @@
 
 // Warning alert.
 .su-alert--warning {
-  background-color: color(warning, $alert-colors);
-  background-image: url("#{$image-path}/alert-warning.png");
-  background-image: url("#{$image-path}/alert-warning.svg");
+  background-color: color(warning, $su-alert-colors);
+  background-image: url("#{$su-image-path}/alert-warning.png");
+  background-image: url("#{$su-image-path}/alert-warning.svg");
 
   a {
-    color: color(warning-link, $alert-colors);
+    color: color(warning-link, $su-alert-colors);
   }
 }