archetype 0.0.1.pre.1 → 0.0.1.pre.3.00dfd9a

data/stylesheets/archetype/styleguide/components/_loaders.scss

@@ -0,0 +1,154 @@
+// ==========
+// LOADERS
+// ==========
+$STYLEGUIDE_LOADERS_ID: loader !default;
+$STYLEGUIDE_LOADERS: () !default;
+
+@if not styleguide-component-exists($STYLEGUIDE_LOADERS_ID, $CONFIG_THEME) {
+$a-blackhole: styleguide-add-component($STYLEGUIDE_LOADERS_ID, $STYLEGUIDE_LOADERS, (
+  (default, (
+    display             block,
+    content             $CONTENT_PLACEHOLDER,
+    stretch             true,
+    opacity             0.7,
+    overflow            hidden,
+    hide-text           true,
+    background-color    _styleguideGetContextColor(nth($CONFIG_TEXTURE_CONTAINER, 1)),
+    ie-pseudo-after     _styleguideGetLoaderExpression(medium),
+    (selectors, (
+      ("&:after", (
+        position              absolute,
+        top                   50%,
+        left                  50%,
+        content               $CONTENT_PLACEHOLDER,
+        background-image      styleguide-sprite-url($CONFIG_SPRITE_LOADERS),
+        background-repeat     no-repeat,
+        background-position   _styleguideGetLoaderPosition(medium, static),
+        width                 _styleguideGetLoaderDimension(medium, static, width),
+        height                _styleguideGetLoaderDimension(medium, static, height),
+        margin-top            _styleguideGetLoaderDimension(medium, static, height) / -2,
+        margin-left           _styleguideGetLoaderDimension(medium, static, width) / -2,
+        animation             _styleguideGetLoaderAnimation(medium)
+      )),
+      nil
+    ))
+  )),
+  // sizes
+  (large, (
+    ie-pseudo-after     _styleguideGetLoaderExpression(large),
+    (selectors, (
+      ("&:after", (
+        background-position   _styleguideGetLoaderPosition(large, static),
+        width                 _styleguideGetLoaderDimension(large, static, width),
+        height                _styleguideGetLoaderDimension(large, static, height),
+        margin-top            _styleguideGetLoaderDimension(large, static, height) / -2,
+        margin-left           _styleguideGetLoaderDimension(large, static, width) / -2,
+        animation             _styleguideGetLoaderAnimation(large)
+      )),
+      nil
+    ))
+    // expression hack
+  )),
+  (small, (
+    ie-pseudo-after     _styleguideGetLoaderExpression(small),
+    (selectors, (
+      ("&:after", (
+        background-position   _styleguideGetLoaderPosition(small, static),
+        width                 _styleguideGetLoaderDimension(small, static, width),
+        height                _styleguideGetLoaderDimension(small, static, height),
+        margin-top            _styleguideGetLoaderDimension(small, static, height) / -2,
+        margin-left           _styleguideGetLoaderDimension(small, static, width) / -2,
+        animation             _styleguideGetLoaderAnimation(small)
+      )),
+      nil
+    ))
+    // expression hack
+  )),
+  // contexts
+  (in-dark, (
+    ie-pseudo-after     _styleguideGetLoaderExpression(medium, 2),
+    (selectors, (
+      ("&:after", (
+        background-position   _styleguideGetLoaderPosition(medium, static, 2),
+        width                 _styleguideGetLoaderDimension(medium, static, width, 2),
+        height                _styleguideGetLoaderDimension(medium, static, height, 2),
+        margin-top            _styleguideGetLoaderDimension(medium, static, height, 2) / -2,
+        margin-left           _styleguideGetLoaderDimension(medium, static, width, 2) / -2,
+        animation             _styleguideGetLoaderAnimation(medium, 2)
+      )),
+      nil
+    ))
+  )),
+  (large in-dark, (
+    ie-pseudo-after     _styleguideGetLoaderExpression(large, 2),
+    (selectors, (
+      ("&:after", (
+        background-position   _styleguideGetLoaderPosition(large, static, 2),
+        width                 _styleguideGetLoaderDimension(large, static, width, 2),
+        height                _styleguideGetLoaderDimension(large, static, height, 2),
+        margin-top            _styleguideGetLoaderDimension(large, static, height, 2) / -2,
+        margin-left           _styleguideGetLoaderDimension(large, static, width, 2) / -2,
+        animation             _styleguideGetLoaderAnimation(large, 2)
+      )),
+      nil
+    ))
+  )),
+  (small in-dark, (
+    ie-pseudo-after     _styleguideGetLoaderExpression(small, 2),
+    (selectors, (
+      ("&:after", (
+        background-position   _styleguideGetLoaderPosition(small, static, 2),
+        width                 _styleguideGetLoaderDimension(small, static, width, 2),
+        height                _styleguideGetLoaderDimension(small, static, height, 2),
+        margin-top            _styleguideGetLoaderDimension(small, static, height, 2) / -2,
+        margin-left           _styleguideGetLoaderDimension(small, static, width, 2) / -2,
+        animation             _styleguideGetLoaderAnimation(small, 2)
+      )),
+      nil
+    ))
+  )),
+  (in-canvas, (
+    background-color    _styleguideGetContextColor($CONFIG_TEXTURE_CANVAS),
+    nil
+  )),
+  (in-module, (
+    background-color    _styleguideGetContextColor($CONFIG_TEXTURE_MODULE),
+    nil
+  )),
+  (in-heading, (
+    background-color    _styleguideGetContextColor($CONFIG_TEXTURE_HEADING),
+    nil
+  )),
+  (in-bristol, (
+    inherit (in-dark),
+    background-color    _styleguideGetContextColor($CONFIG_TEXTURE_BRISTOL),
+    nil
+  )),
+  (in-punchcut, (
+    inherit (in-dark),
+    background-color    _styleguideGetContextColor($CONFIG_TEXTURE_PUNCHCUT),
+    nil
+  )),
+  (small in-bristol, (
+    inherit (small in-dark),
+    nil
+  )),
+  (large in-bristol, (
+    inherit (large in-dark),
+    nil
+  )),
+  (small in-punchcut, (
+    inherit (small in-dark),
+    nil
+  )),
+  (large in-punchcut, (
+    inherit (large in-dark),
+    nil
+  )),
+  (without-mask, (
+    background-color    nil,
+    opacity             nil,
+    nil
+  ))
+), $CONFIG_THEME);
+}

data/stylesheets/archetype/styleguide/components/_menu_items.scss

@@ -0,0 +1,31 @@
+// ==========
+// MENU ITEMS
+// ==========
+$STYLEGUIDE_MENU_ITEMS_ID: menu-item !default;
+$STYLEGUIDE_MENU_ITEMS: () !default;
+
+@if not styleguide-component-exists($STYLEGUIDE_MENU_ITEMS_ID, $CONFIG_THEME) {
+$a-blackhole: styleguide-add-component($STYLEGUIDE_MENU_ITEMS_ID, $STYLEGUIDE_MENU_ITEMS, (
+  (default, (
+    nil
+  )),
+  (in-flyout, (
+    padding                   $CONFIG_DIM_MENU_ITEM_SPACING,
+    text-decoration           none,
+    display                   block,
+    (states, (
+      (hover, (
+        color                 nth-cyclic($CONFIG_COLOR_COPY, 2),
+        background-color      $CONFIG_COLOR_BG_BUTTON_PRIMARY,
+        filter-gradient       $CONFIG_GRADIENT_BUTTON_PRIMARY_IE,
+        background-image      $CONFIG_GRADIENT_BUTTON_PRIMARY,
+        nil
+      )),
+      (active, (
+        inherit (hover),
+        nil
+      ))
+    ))
+  ))
+), $CONFIG_THEME);
+}

data/stylesheets/archetype/styleguide/components/_module.scss

@@ -0,0 +1,15 @@
+// ==========
+// MODULE
+// ==========
+$STYLEGUIDE_MODULES_ID: module !default;
+$STYLEGUIDE_MODULES: () !default;
+
+@if not styleguide-component-exists($STYLEGUIDE_MODULES_ID, $CONFIG_THEME) {
+$a-blackhole: styleguide-add-component($STYLEGUIDE_MODULES_ID, $STYLEGUIDE_MODULES, (
+  (default, (
+    background  nth($CONFIG_TEXTURE_MODULE, 1),
+    nil
+  )),
+  nil
+), $CONFIG_THEME);
+}

data/stylesheets/archetype/styleguide/components/_pullquotes.scss

@@ -0,0 +1,29 @@
+// ==========
+// PULLQUOTES
+// ==========
+$STYLEGUIDE_PULLQUOTES_ID: pullquote !default;
+$STYLEGUIDE_PULLQUOTES: () !default;
+
+@if not styleguide-component-exists($STYLEGUIDE_PULLQUOTES_ID, $CONFIG_THEME) {
+$a-blackhole: styleguide-add-component($STYLEGUIDE_PULLQUOTES_ID, $STYLEGUIDE_PULLQUOTES, (
+  (default, (
+    font-size           nth($CONFIG_FONT_PULLQUOTE_MEDIUM, 1),
+    line-height         nth-cyclic($CONFIG_FONT_PULLQUOTE_MEDIUM, 2),
+    color               nth($CONFIG_COLOR_STRONG, 1),
+    font-family         serif,
+    font-style          italic
+  )),
+  (in-dark, (
+    color               nth-cyclic($CONFIG_COLOR_STRONG, 2),
+    text-shadow         nth-cyclic($CONFIG_SHADOW_COPY, 2)
+  )),
+  (in-bristol, (
+    inherit (in-dark),
+    nil
+  )),
+  (in-punchcut, (
+    inherit (in-dark),
+    nil
+  ))
+), $CONFIG_THEME);
+}

data/stylesheets/archetype/styleguide/components/_punchcut.scss

@@ -0,0 +1,18 @@
+// ==========
+// PUNCHCUT
+// ==========
+$STYLEGUIDE_PUNCHCUTS_ID: punchcut !default;
+$STYLEGUIDE_PUNCHCUTS: () !default;
+
+@if not styleguide-component-exists($STYLEGUIDE_PUNCHCUTS_ID, $CONFIG_THEME) {
+$a-blackhole: styleguide-add-component($STYLEGUIDE_PUNCHCUTS_ID, $STYLEGUIDE_PUNCHCUTS, (
+  (default, (
+    background  nth($CONFIG_TEXTURE_PUNCHCUT, 1),
+    box-shadow  $CONFIG_SHADOW_PUNCHCUT_INSET
+  )),
+  (without-inner-shadow, (
+    box-shadow  nil,
+    nil
+  ))
+), $CONFIG_THEME);
+}

data/stylesheets/archetype/styleguide/components/_tooltips.scss

@@ -0,0 +1,28 @@
+// ==========
+// TOOLTIPS
+// ==========
+$STYLEGUIDE_TOOLTIPS_ID: tooltip !default;
+$STYLEGUIDE_TOOLTIPS: () !default;
+
+@if not styleguide-component-exists($STYLEGUIDE_TOOLTIPS_ID, $CONFIG_THEME) {
+$a-blackhole: styleguide-add-component($STYLEGUIDE_TOOLTIPS_ID, $STYLEGUIDE_TOOLTIPS, (
+  (default, (
+    color               nth-cyclic($CONFIG_COLOR_COPY, 2),
+    border-radius       $CONFIG_DIM_TOOLTIP_RADIUS,
+    background          nth($CONFIG_TEXTURE_BRISTOL, 1),
+    border-color        nth($CONFIG_COLOR_BORDER_TOOLTIP, 1),
+    border-style        solid,
+    border-width        $CONFIG_DIM_GENERIC_BORDER,
+    box-shadow          $CONFIG_SHADOW_TOOLTIP,
+    max-width           $CONFIG_DIM_TOOLTIP_MAX_WIDTH,
+    padding             $CONFIG_DIM_TOOLTIP_SPACING,
+    // structure
+    outline             0,  // for accessibility purposes, we don't want to outline the tooltip if it has focus
+    display             block,
+    position            absolute,
+    visibility          visible,
+    z-index             1
+  )),
+  nil
+), $CONFIG_THEME);
+}

data/stylesheets/archetype/styleguide/primitives/_animations.scss

@@ -0,0 +1,17 @@
+// ==========
+// ANIMATIONS
+// ==========
+
+// loaders
+$CONFIG_ANIM_LOADERS_MEDIUM_STEP:         12 !default;
+$CONFIG_ANIM_LOADERS_MEDIUM_DELAY:        0s !default;
+$CONFIG_ANIM_LOADERS_MEDIUM_ITERATIONS:   infinite !default;
+$CONFIG_ANIM_LOADERS_MEDIUM_DURATION:     1s !default;
+$CONFIG_ANIM_LOADERS_LARGE_STEP:          $CONFIG_ANIM_LOADERS_MEDIUM_STEP !default;
+$CONFIG_ANIM_LOADERS_LARGE_DELAY:         $CONFIG_ANIM_LOADERS_MEDIUM_DELAY !default;
+$CONFIG_ANIM_LOADERS_LARGE_ITERATIONS:    $CONFIG_ANIM_LOADERS_MEDIUM_ITERATIONS !default;
+$CONFIG_ANIM_LOADERS_LARGE_DURATION:      $CONFIG_ANIM_LOADERS_MEDIUM_DURATION !default;
+$CONFIG_ANIM_LOADERS_SMALL_STEP:          $CONFIG_ANIM_LOADERS_MEDIUM_STEP !default;
+$CONFIG_ANIM_LOADERS_SMALL_DELAY:         $CONFIG_ANIM_LOADERS_MEDIUM_DELAY !default;
+$CONFIG_ANIM_LOADERS_SMALL_ITERATIONS:    $CONFIG_ANIM_LOADERS_MEDIUM_ITERATIONS !default;
+$CONFIG_ANIM_LOADERS_SMALL_DURATION:      $CONFIG_ANIM_LOADERS_MEDIUM_DURATION !default;

data/stylesheets/archetype/styleguide/primitives/_dimensions.scss

@@ -0,0 +1,50 @@
+// ==========
+// DIMENSIONS
+// ==========
+
+// buttons
+$CONFIG_DIM_BUTTON_RADIUS:                      3px !default;
+$CONFIG_DIM_BUTTON_INDICATOR_SMALL:             (8px) !default;
+$CONFIG_DIM_BUTTON_INDICATOR_SMALL_RADIUS:      5px !default;
+$CONFIG_DIM_BUTTON_SPACING_OUTER:               10px !default;
+$CONFIG_DIM_BUTTON_SPACING_OUTER_NARROW:        7px !default;
+
+// tooltips
+$CONFIG_DIM_TOOLTIP_RADIUS:                     5px !default;
+$CONFIG_DIM_TOOLTIP_MAX_WIDTH:                  300px !default;
+$CONFIG_DIM_TOOLTIP_SPACING:                    (vertical-spacing(1) horizontal-spacing(1)) !default;
+$CONFIG_DIM_TOOLTIP_TIP:                        7px !default;
+$CONFIG_DIM_TOOLTIP_TIP_OFFSET:                 5px !default;
+
+// hovercards
+$CONFIG_DIM_HOVERCARD_RADIUS:                   $CONFIG_DIM_TOOLTIP_RADIUS !default;
+$CONFIG_DIM_HOVERCARD_MAX_WIDTH:                $CONFIG_DIM_TOOLTIP_MAX_WIDTH !default;
+$CONFIG_DIM_HOVERCARD_SPACING:                  (vertical-spacing(4) horizontal-spacing(4)) !default;
+$CONFIG_DIM_HOVERCARD_TIP:                      (24px 15px) !default;
+$CONFIG_DIM_HOVERCARD_TIP_OFFSET:               (10px) !default;
+
+// generic dimensions
+$CONFIG_DIM_GENERIC_BORDER:                     1px !default;
+$CONFIG_DIM_GENERIC_BORDER_THICK:               3px !default;
+
+// menu items
+$CONFIG_DIM_MENU_ITEM_SPACING:                  (vertical-spacing(1.2) horizontal-spacing(4) vertical-spacing(1.2, $abuse: true) horizontal-spacing(6)) !default;
+
+// flyouts
+$CONFIG_DIM_FLYOUT_SPACING:                     (0 0 vertical-spacing(1.4, $abuse: true)) !default;
+$CONFIG_DIM_FLYOUT_MIN_WIDTH:                   _getGridWidth(4) !default;
+$CONFIG_DIM_FLYOUT_RADIUS:                      1px !default;
+
+// headings
+$CONFIG_DIM_HEADING_SPACING_OUTER:              (vertical-spacing(1.4, $abuse: true) 0) !default;
+$CONFIG_DIM_HEADING_SPACING:                    (vertical-spacing(2.4, $abuse: true) horizontal-spacing(6)) !default;
+
+// breadcrumbs
+$CONFIG_DIM_BREADCRUMB_SPACING_OUTER:           (0 0 vertical-spacing(3) horizontal-spacing(1)) !default;
+$CONFIG_DIM_BREADCRUMB_SPACING:                 (0 0 0 horizontal-spacing(1.4, $abuse: true)) !default;
+
+// alerts
+$CONFIG_DIM_ALERTS_SPACING:                     (vertical-spacing(2) horizontal-spacing(4) vertical-spacing(2) horizontal-spacing(10)) !default;
+
+// closes
+$CONFIG_DIM_CLOSES:                             (11px) !default;

data/stylesheets/archetype/styleguide/primitives/_glyphs.scss

@@ -0,0 +1,11 @@
+// ==========
+// GLYPHS
+// ==========
+$CONFIG_IMG_HOVERCARD_TIP:        ("vendor/archetype/sprites/hovercard_tip.png") !default;
+
+$CONFIG_GLYPH_ALERT_NOTIFY:       (info-sign 36px inherit 28px) !default;
+$CONFIG_GLYPH_ALERT_ERROR:        (remove-sign 36px inherit 28px) !default;
+$CONFIG_GLYPH_ALERT_SUCCESS:      (ok-sign 36px inherit 28px) !default;
+$CONFIG_GLYPH_ALERT_YIELD:        (warning-sign 36px inherit 28px) !default;
+
+$CONFIG_GLYPH_CLOSE:              (remove 11px inherit 11px) !default;

data/stylesheets/archetype/styleguide/primitives/_misc.scss

@@ -0,0 +1,8 @@
+// ==========
+// MISC PRIMITIVES
+// ==========
+
+$CONFIG_OPACITY_LOADER:                         0.7 !default;
+$CONFIG_OPACITY_BUTTON_DISABLED:                0.6 !default;
+$CONFIG_DECORATION_LINK:                        (none underline) !default;
+$CONFIG_DECORATION_IDENTITY:                    (none underline) !default;

data/stylesheets/archetype/styleguide/primitives/_palettes.scss

@@ -0,0 +1,94 @@
+// ==========
+// COLOR PALETTE
+// ==========
+
+// fonts
+// defined as tuples (pairs) for light/dark background contexts
+$CONFIG_COLOR_BRAND:                                    (#0088CC  #34C1ED) !default;
+$CONFIG_COLOR_COPY:                                     (#222222  #FFFFFF) !default;
+$CONFIG_COLOR_COPY_MUTED:                               (#555555  #AAAAAA) !default;
+$CONFIG_COLOR_STRONG:                                   (#000000  #FFFFFF) !default;
+$CONFIG_COLOR_ANNOTATION:                               (#888888  #999999) !default;
+$CONFIG_COLOR_BREADCRUMB:                               (#666666         ) !default;
+$CONFIG_COLOR_BREADCRUMB_ACTIVE:                        (#999999         ) !default;
+
+// buttons
+$CONFIG_COLOR_BUTTON_PRIMARY:                           #FFFFFF !default;
+$CONFIG_COLOR_BG_BUTTON_PRIMARY:                        #0074CC !default;
+$CONFIG_COLOR_BORDER_BUTTON_PRIMARY:                    #1B5480 !default;
+$CONFIG_GRADIENT_BUTTON_PRIMARY:                        linear-gradient(top, #0088CC, #0055CC) !default;
+$CONFIG_GRADIENT_BUTTON_PRIMARY_IE:                     (#0088CC, #0055CC, vertical) !default;
+$CONFIG_COLOR_BG_BUTTON_PRIMARY_HOVER:                  #0055CC !default;
+$CONFIG_GRADIENT_BUTTON_PRIMARY_HOVER:                  linear-gradient(top, #0066CC, #0033CC) !default;
+$CONFIG_GRADIENT_BUTTON_PRIMARY_HOVER_IE:               (#0066CC, #0033CC, vertical) !default;
+
+$CONFIG_COLOR_BUTTON_SECONDARY:                         #333333 !default;
+$CONFIG_COLOR_BG_BUTTON_SECONDARY:                      #F5F5F5 !default;
+$CONFIG_COLOR_BORDER_BUTTON_SECONDARY:                  #AAAAAA !default;
+$CONFIG_GRADIENT_BUTTON_SECONDARY:                      linear-gradient(top, #FFFFFF, #E6E6E6) !default;
+$CONFIG_GRADIENT_BUTTON_SECONDARY_IE:                   (#FFFFFF, #E6E6E6, vertical) !default;
+$CONFIG_COLOR_BG_BUTTON_SECONDARY_HOVER:                #E6E6E6 !default;
+$CONFIG_GRADIENT_BUTTON_SECONDARY_HOVER:                linear-gradient(top, #F5F5F5, #E4E4E4) !default;
+$CONFIG_GRADIENT_BUTTON_SECONDARY_HOVER_IE:             (#F5F5F5, #E4E4E4, vertical) !default;
+
+$CONFIG_COLOR_BUTTON_SPOTLIGHT:                         #FFFFFF !default;
+$CONFIG_COLOR_BG_BUTTON_SPOTLIGHT:                      #414141 !default;
+$CONFIG_COLOR_BORDER_BUTTON_SPOTLIGHT:                  #111111 !default;
+$CONFIG_GRADIENT_BUTTON_SPOTLIGHT:                      linear-gradient(top, #555555, #222222) !default;
+$CONFIG_GRADIENT_BUTTON_SPOTLIGHT_IE:                   (#555555, #222222, vertical) !default;
+$CONFIG_COLOR_BG_BUTTON_SPOTLIGHT_HOVER:                #343434 !default;
+$CONFIG_GRADIENT_BUTTON_SPOTLIGHT_HOVER:                linear-gradient(top, #444444, #111111) !default;
+$CONFIG_GRADIENT_BUTTON_SPOTLIGHT_HOVER_IE:             (#444444, #111111, vertical) !default;
+
+$CONFIG_COLOR_BORDER_BUTTON_DARK:                       #434343 !default;
+
+$CONFIG_COLOR_BG_BUTTON_PRIMARY_DARK:                   $CONFIG_COLOR_BG_BUTTON_PRIMARY !default;
+$CONFIG_GRADIENT_BUTTON_PRIMARY_DARK:                   $CONFIG_GRADIENT_BUTTON_PRIMARY !default;
+$CONFIG_GRADIENT_BUTTON_PRIMARY_DARK_IE:                $CONFIG_GRADIENT_BUTTON_PRIMARY_IE !default;
+$CONFIG_COLOR_BG_BUTTON_PRIMARY_DARK_HOVER:             $CONFIG_COLOR_BG_BUTTON_PRIMARY_HOVER !default;
+$CONFIG_GRADIENT_BUTTON_PRIMARY_DARK_HOVER:             $CONFIG_GRADIENT_BUTTON_PRIMARY_HOVER !default;
+$CONFIG_GRADIENT_BUTTON_PRIMARY_DARK_HOVER_IE:          $CONFIG_GRADIENT_BUTTON_PRIMARY_HOVER_IE !default;
+
+$CONFIG_COLOR_BG_BUTTON_SECONDARY_DARK:                 $CONFIG_COLOR_BG_BUTTON_SECONDARY !default;
+$CONFIG_GRADIENT_BUTTON_SECONDARY_DARK:                 $CONFIG_GRADIENT_BUTTON_SECONDARY !default;
+$CONFIG_GRADIENT_BUTTON_SECONDARY_DARK_IE:              $CONFIG_GRADIENT_BUTTON_SECONDARY_IE !default;
+$CONFIG_COLOR_BG_BUTTON_SECONDARY_DARK_HOVER:           $CONFIG_COLOR_BG_BUTTON_SECONDARY_HOVER !default;
+$CONFIG_GRADIENT_BUTTON_SECONDARY_DARK_HOVER:           $CONFIG_GRADIENT_BUTTON_SECONDARY_HOVER !default;
+$CONFIG_GRADIENT_BUTTON_SECONDARY_DARK_HOVER_IE:        $CONFIG_GRADIENT_BUTTON_SECONDARY_HOVER_IE !default;
+
+$CONFIG_COLOR_BG_BUTTON_SPOTLIGHT_DARK:                 $CONFIG_COLOR_BG_BUTTON_SPOTLIGHT !default;
+$CONFIG_GRADIENT_BUTTON_SPOTLIGHT_DARK:                 $CONFIG_GRADIENT_BUTTON_SPOTLIGHT !default;
+$CONFIG_GRADIENT_BUTTON_SPOTLIGHT_DARK_IE:              $CONFIG_GRADIENT_BUTTON_SPOTLIGHT_IE !default;
+$CONFIG_COLOR_BG_BUTTON_SPOTLIGHT_DARK_HOVER:           $CONFIG_COLOR_BG_BUTTON_SPOTLIGHT_HOVER !default;
+$CONFIG_GRADIENT_BUTTON_SPOTLIGHT_DARK_HOVER:           $CONFIG_GRADIENT_BUTTON_SPOTLIGHT_HOVER !default;
+$CONFIG_GRADIENT_BUTTON_SPOTLIGHT_DARK_HOVER_IE:        $CONFIG_GRADIENT_BUTTON_SPOTLIGHT_HOVER_IE !default;
+
+$CONFIG_COLOR_BUTTON_INDICATOR:                         #BBBBBB !default;
+$CONFIG_COLOR_BUTTON_INDICATOR_INVERSE:                 #FFFFFF !default;
+
+// alerts
+$CONFIG_COLOR_BG_ALERT_NOTIFY:                          #49AFCD !default;
+$CONFIG_GRADIENT_ALERT_NOTIFY:                          linear-gradient(top, #5BC0DE, #2F96B4) !default;
+$CONFIG_GRADIENT_ALERT_NOTIFY_IE:                       (#5BC0DE, #2F96B4, vertical) !default;
+$CONFIG_COLOR_BORDER_ALERT_NOTIFY:                      #2F96B4 !default;
+
+$CONFIG_COLOR_BG_ALERT_YIELD:                           #FAA732 !default;
+$CONFIG_GRADIENT_ALERT_YIELD:                           linear-gradient(top, #FBB450, #F89406) !default;
+$CONFIG_GRADIENT_ALERT_YIELD_IE:                        (#FBB450, #F89406, vertical) !default;
+$CONFIG_COLOR_BORDER_ALERT_YIELD:                       #F89406 !default;
+
+$CONFIG_COLOR_BG_ALERT_SUCCESS:                         #5BB75B !default;
+$CONFIG_GRADIENT_ALERT_SUCCESS:                         linear-gradient(top, #62C462, #51A351) !default;
+$CONFIG_GRADIENT_ALERT_SUCCESS_IE:                      (#62C462, #51A351, vertical) !default;
+$CONFIG_COLOR_BORDER_ALERT_SUCCESS:                     #51A351 !default;
+
+$CONFIG_COLOR_BG_ALERT_ERROR:                           #DA4F49 !default;
+$CONFIG_GRADIENT_ALERT_ERROR:                           linear-gradient(top, #EE5F5B, #BD362F) !default;
+$CONFIG_GRADIENT_ALERT_ERROR_IE:                        (#EE5F5B, #BD362F, vertical) !default;
+$CONFIG_COLOR_BORDER_ALERT_ERROR:                       #BD362F !default;
+
+// borders
+$CONFIG_COLOR_BORDER_FLYOUT:                            (#CCCCCC #3E3E3E) !default;
+$CONFIG_COLOR_BORDER_SECTION:                           (#DDDDDD #555555) !default;
+$CONFIG_COLOR_BORDER_TOOLTIP:                           (#2C2C2C        ) !default;
+$CONFIG_COLOR_BORDER_HOVERCARD:                         (#C9C9C9        ) !default;