diff --git a/source/_patterns/01-global/00-colors/_colors.scss b/source/_patterns/01-global/00-colors/_colors.scss
deleted file mode 100755
index 85cb98885bf8b2e218ad5cd3724ad39a02925842..0000000000000000000000000000000000000000
--- a/source/_patterns/01-global/00-colors/_colors.scss
+++ /dev/null
@@ -1,80 +0,0 @@
-// @file
-// Color variables
-// http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#variables_
-
-$color-body: #fff;
-$color-gradient-dark: rgba(0, 0, 0, 0.1);
-$color-gradient-light: rgba(255, 255, 255, 0.1);
-$color-link: #0071bc;
-$color-link-hover: #205493;
-$color-link-visited: #4c2c92;
-$color-selection-background: #dce4ef;
-$color-selection-foreground: #212121;
-$color-text-primary: #212121;
-$color-text-secondary: #5b616b;
-
-// Theses are all the digital colors. Some have a 5th,
-// however the color is not accessible with the other colors.
-// The primary color is the 3rd.
-// 2nd is lighter than 3rd and 1st is lighter than 1st.
-// 4th is darker than 3rd.
-
-// University Colors
-$uw-colors-uw-blacks-hex: (lvl1: #dfdfdf, lvl2: #a2a2a2, lvl3: #787878, lvl4: #000, primary: #000);
-$uw-colors-uw-golds-hex: (lvl1: #fffaaa, lvl2: #ffea30, lvl3: #fdd54f, lvl4: #e4b429, primary: #fdd54f);
-$uw-colors-uw-whites-hex: (lvl1: #fff, primary: #fff);
-// Faculties Colors
-$uw-colors-fac-ahs-hex: (lvl1: #97dfef, lvl2: #00bed0, lvl3: #0098a5, lvl4: #005963, primary: #005963);
-$uw-colors-fac-art-hex: (lvl1: #ffd5a5, lvl2: #fbaf00, lvl3: #e78100, lvl4: #d93f00, primary: #fbaf00);
-$uw-colors-fac-eng-hex: (lvl1: #d0b4ef, lvl2: #be33da, lvl3: #8100b4, lvl4: #57058b, primary: #8100b4);
-$uw-colors-fac-env-hex: (lvl1: #daf582, lvl2: #bed500, lvl3: #b4be00, lvl4: #607000, primary: #b4be00);
-$uw-colors-fac-mat-hex: (lvl1: #ffbeef, lvl2: #ff63aa, lvl3: #df2498, lvl4: #c60078, primary: #df2498);
-$uw-colors-fac-sci-hex: (lvl1: #b4d5ff, lvl2: #63a0ff, lvl3: #0073ce, lvl4: #0033be, primary: #0073ce);
-// Affiliate
-$uw-colors-aff-ren-hex: (green: #00693c, red: #de3831, gold: #d2c295);
-$uw-colors-aff-stj-hex: (green: #01573e, gold: #c88a11);
-$uw-colors-aff-stp-hex: (green: #879637, brown: #584528);
-$uw-colors-aff-cgc-hex: (red: #c4262e);
-// School and Satellite Campus Colors
-$uw-colors-school-hex: (lvl1: #ffa5aa, lvl2: #e41740, lvl3: #b71233, lvl4: #80001f, primary: #b71233);
-
-$colors: (
- uw: (
- black: $uw-colors-uw-blacks-hex,
- golds: $uw-colors-uw-golds-hex,
- whites: $uw-colors-uw-whites-hex
- ),
- fac: (
- ahs: $uw-colors-fac-ahs-hex,
- art: $uw-colors-fac-art-hex,
- eng: $uw-colors-fac-eng-hex,
- env: $uw-colors-fac-env-hex,
- mat: $uw-colors-fac-mat-hex,
- sci: $uw-colors-fac-sci-hex
- ),
- aff: (
- ren: $uw-colors-aff-ren-hex,
- stj: $uw-colors-aff-stj-hex,
- stp: $uw-colors-aff-stp-hex,
- cgc: $uw-colors-aff-cgc-hex
- ),
- sch: (
- default: $uw_colors_school-hex
- )
-);
-
-@each $gkey, $group in $colors {
- @each $sgkey, $sub_group in $group {
- @each $key, $value in $sub_group {
- header.#{$gkey}-#{$sgkey} .uw-colors--#{$key}--foreground,
- body.#{$gkey}-#{$sgkey} .uw-colors--#{$key}--foreground {
- color: #{$value};
- }
-
- header.#{$gkey}-#{$sgkey} .uw-colors--#{$key}--background,
- body.#{$gkey}-#{$sgkey} .uw-colors--#{$key}--background {
- background-color: #{$value};
- }
- }
- }
-}
diff --git a/source/_patterns/01-global/00-colors/_swatches.scss b/source/_patterns/01-global/00-colors/swatches.scss
old mode 100755
new mode 100644
similarity index 86%
rename from source/_patterns/01-global/00-colors/_swatches.scss
rename to source/_patterns/01-global/00-colors/swatches.scss
index 0b6c82e5d3451a2840e503133ef72d8180609967..00b230152c08d681d2f8761027e4a080532b7e8e
--- a/source/_patterns/01-global/00-colors/_swatches.scss
+++ b/source/_patterns/01-global/00-colors/swatches.scss
@@ -1,55 +1,55 @@
-/**
- * This stylesheet is for styles you want to include only when displaying demo
- * styles for grids, animations, color swatches, etc.
- * These styles will not be your production CSS.
- */
-.sg-patterns {
- -webkit-box-sizing: border-box !important;
- box-sizing: border-box !important;
- max-width: 100%;
- padding: 0 0.5em;
-}
-
-.demo-animate {
- background: #ddd;
- border-radius: 8px;
- cursor: pointer;
- margin-bottom: 1em;
- padding: 1em;
- text-align: center;
-}
-
-.sg-colors {
- //display: -webkit-box;
- //display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- list-style: none !important;
- margin: 0 !important;
- padding: 0 !important;
-}
-
-.sg-colors li {
- border: 1px solid #ddd;
- border-radius: 8px;
- -webkit-box-flex: 1;
- -ms-flex: auto;
- flex: auto;
- margin: 0 0.5em 0.5em 0;
- max-width: 14em;
- min-width: 5em;
- padding: 0.3em;
-}
-
-.sg-swatch {
- border-radius: 5px;
- display: block;
- height: 4em;
- margin-bottom: 0.3em;
-}
-
-.sg-label {
- font-size: 90%;
- line-height: 1;
-}
+/**
+ * This stylesheet is for styles you want to include only when displaying demo
+ * styles for grids, animations, color swatches, etc.
+ * These styles will not be your production CSS.
+ */
+.sg-patterns {
+ -webkit-box-sizing: border-box !important;
+ box-sizing: border-box !important;
+ max-width: 100%;
+ padding: 0 0.5em;
+}
+
+.demo-animate {
+ background: #ddd;
+ border-radius: 8px;
+ cursor: pointer;
+ margin-bottom: 1em;
+ padding: 1em;
+ text-align: center;
+}
+
+.sg-colors {
+ //display: -webkit-box;
+ //display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ list-style: none !important;
+ margin: 0 !important;
+ padding: 0 !important;
+}
+
+.sg-colors li {
+ border: 1px solid #ddd;
+ border-radius: 8px;
+ -webkit-box-flex: 1;
+ -ms-flex: auto;
+ flex: auto;
+ margin: 0 0.5em 0.5em 0;
+ max-width: 14em;
+ min-width: 5em;
+ padding: 0.3em;
+}
+
+.sg-swatch {
+ border-radius: 5px;
+ display: block;
+ height: 4em;
+ margin-bottom: 0.3em;
+}
+
+.sg-label {
+ font-size: 90%;
+ line-height: 1;
+}