archetype-theme 1.0.0.alpha.1

data/Users/eoneill/workspace/archetype/extensions/archetype-theme/stylesheets/archetype/theme/components/_menu_items.scss

@@ -0,0 +1,27 @@
+// ==========
+// MENU ITEMS
+// ==========
+$STYLEGUIDE_MENU_ITEMS_ID: menu-item !default;
+$STYLEGUIDE_MENU_ITEMS: () !default;
+
+@if should-register-component($STYLEGUIDE_MENU_ITEMS_ID) {
+$a-blackhole: styleguide-add-component($STYLEGUIDE_MENU_ITEMS_ID, $STYLEGUIDE_MENU_ITEMS, (
+  default: null,
+  in $STYLEGUIDE_FLYOUTS_ID: (
+    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
+      ),
+      active: (
+        inherit: hover
+      )
+    )
+  )
+)) !global;
+}

data/Users/eoneill/workspace/archetype/extensions/archetype-theme/stylesheets/archetype/theme/components/_module.scss

@@ -0,0 +1,13 @@
+// ==========
+// MODULE
+// ==========
+$STYLEGUIDE_MODULES_ID: module !default;
+$STYLEGUIDE_MODULES: () !default;
+
+@if should-register-component($STYLEGUIDE_MODULES_ID) {
+$a-blackhole: styleguide-add-component($STYLEGUIDE_MODULES_ID, $STYLEGUIDE_MODULES, (
+  default: (
+     background:    nth($CONFIG_TEXTURE_MODULE, 1)
+  )
+)) !global;
+}

data/Users/eoneill/workspace/archetype/extensions/archetype-theme/stylesheets/archetype/theme/components/_pullquotes.scss

@@ -0,0 +1,27 @@
+// ==========
+// PULLQUOTES
+// ==========
+$STYLEGUIDE_PULLQUOTES_ID: pullquote !default;
+$STYLEGUIDE_PULLQUOTES: () !default;
+
+@if should-register-component($STYLEGUIDE_PULLQUOTES_ID) {
+$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 $STYLEGUIDE_BRISTOLS_ID: (
+    inherit:              in dark
+  ),
+  in $STYLEGUIDE_PUNCHCUTS_ID: (
+    inherit:              in dark
+  )
+)) !global;
+}

data/Users/eoneill/workspace/archetype/extensions/archetype-theme/stylesheets/archetype/theme/components/_punchcut.scss

@@ -0,0 +1,17 @@
+// ==========
+// PUNCHCUT
+// ==========
+$STYLEGUIDE_PUNCHCUTS_ID: punchcut !default;
+$STYLEGUIDE_PUNCHCUTS: () !default;
+
+@if should-register-component($STYLEGUIDE_PUNCHCUTS_ID) {
+$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:       null
+  )
+)) !global;
+}

data/Users/eoneill/workspace/archetype/extensions/archetype-theme/stylesheets/archetype/theme/components/_tooltips.scss

@@ -0,0 +1,27 @@
+// ==========
+// TOOLTIPS
+// ==========
+$STYLEGUIDE_TOOLTIPS_ID: tooltip !default;
+$STYLEGUIDE_TOOLTIPS: () !default;
+
+@if should-register-component($STYLEGUIDE_TOOLTIPS_ID) {
+$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
+  )
+)) !global;
+}

data/Users/eoneill/workspace/archetype/extensions/archetype-theme/stylesheets/archetype/theme/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/Users/eoneill/workspace/archetype/extensions/archetype-theme/stylesheets/archetype/theme/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:                   150px !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/Users/eoneill/workspace/archetype/extensions/archetype-theme/stylesheets/archetype/theme/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/Users/eoneill/workspace/archetype/extensions/archetype-theme/stylesheets/archetype/theme/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/Users/eoneill/workspace/archetype/extensions/archetype-theme/stylesheets/archetype/theme/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;

data/Users/eoneill/workspace/archetype/extensions/archetype-theme/stylesheets/archetype/theme/primitives/_shadows.scss

@@ -0,0 +1,23 @@
+// ==========
+// SHADOWS
+// ==========
+
+// containers
+$CONFIG_SHADOW_FLYOUT:                          (1px 1px 3px rgba(0,0,0, .25), ) !default;
+$CONFIG_SHADOW_CONTAINER:                       (0 2px 2px rgba(0,0,0, 0.25), ) !default;
+$CONFIG_SHADOW_CONTAINER_ALT:                   (ie lte 8, border-bottom, 2px solid #CCCCCC) !default;
+$CONFIG_SHADOW_TOOLTIP:                         (0 1px 2px rgba(0,0,0, 0.1), ) !default;
+$CONFIG_SHADOW_HOVERCARD:                       (0 1px 2px rgba(0,0,0, 0.2), ) !default;
+$CONFIG_SHADOW_PUNCHCUT_INSET:                  (0 0 43px rgba(0,0,0, .75) inset, ) !default;
+$CONFIG_SHADOW_ALERT:                           (0 1px 2px rgba(0,0,0, .45), ) !default;
+
+// text
+$CONFIG_SHADOW_COPY:                            (null, 1px 1px 1px rgba(0,0,0, .75)) !default;
+$CONFIG_SHADOW_CLOSES:                          (1px 1px 1px rgba(0,0,0, .35), ) !default;
+$CONFIG_SHADOW_BREADCRUMB:                      (1px 1px 1px rgba(255, 255, 255, .5), ) !default;
+
+// buttons
+$CONFIG_SHADOW_BUTTON_TEXT:                     (0 -1px 0 rgba(0,0,0, 0.25), ) !default;
+$CONFIG_SHADOW_BUTTON_TEXT_INVERTED:            (0 -1px 0 rgba(255,255,255, 0.25), ) !default;
+$CONFIG_SHADOW_BUTTON_HOVER:                    (0 0 8px rgba(0,0,0, 0.15), ) !default;
+$CONFIG_SHADOW_BUTTON_ACTIVE:                   (0 1px 3px rgba(0,0,0, .25) inset, ) !default;

data/Users/eoneill/workspace/archetype/extensions/archetype-theme/stylesheets/archetype/theme/primitives/_sprites.scss

@@ -0,0 +1,41 @@
+// ==========
+// SPRITE MAPS
+// ==========
+
+// LOADERS
+$CONFIG_SPRITE_LOADERS:          false !default;
+@if _shouldSetSprite($CONFIG_SPRITE_LOADERS) {
+  $CONFIG_SPRITE_LOADERS:        sprite-map("vendor/archetype/animations/loaders/**/*.png");
+}
+$CONFIG_IMG_LOADERS_SMALL:         (small small_dark) !default;
+$CONFIG_IMG_LOADERS_SMALL_STATIC:  (small_static small_dark_static) !default;
+$CONFIG_IMG_LOADERS_MEDIUM:        (medium medium_dark) !default;
+$CONFIG_IMG_LOADERS_MEDIUM_STATIC: (medium_static medium_dark_static) !default;
+$CONFIG_IMG_LOADERS_LARGE:         (large large_dark) !default;
+$CONFIG_IMG_LOADERS_LARGE_STATIC:  (large_static large_dark_static) !default;
+$CONFIG_LOADERS: (
+  medium: (
+    default:        $CONFIG_IMG_LOADERS_MEDIUM,
+    static:         $CONFIG_IMG_LOADERS_MEDIUM_STATIC,
+    steps:          $CONFIG_ANIM_LOADERS_MEDIUM_STEP,
+    delay:          $CONFIG_ANIM_LOADERS_MEDIUM_DELAY,
+    iterations:     $CONFIG_ANIM_LOADERS_MEDIUM_ITERATIONS,
+    duration:       $CONFIG_ANIM_LOADERS_MEDIUM_DURATION
+  ),
+  small: (
+    default:        $CONFIG_IMG_LOADERS_SMALL,
+    static:         $CONFIG_IMG_LOADERS_SMALL_STATIC,
+    steps:          $CONFIG_ANIM_LOADERS_SMALL_STEP,
+    delay:          $CONFIG_ANIM_LOADERS_SMALL_DELAY,
+    iterations:     $CONFIG_ANIM_LOADERS_SMALL_ITERATIONS,
+    duration:       $CONFIG_ANIM_LOADERS_SMALL_DURATION
+  ),
+  large: (
+    default:        $CONFIG_IMG_LOADERS_LARGE,
+    static:         $CONFIG_IMG_LOADERS_LARGE_STATIC,
+    steps:          $CONFIG_ANIM_LOADERS_LARGE_STEP,
+    delay:          $CONFIG_ANIM_LOADERS_LARGE_DELAY,
+    iterations:     $CONFIG_ANIM_LOADERS_LARGE_ITERATIONS,
+    duration:       $CONFIG_ANIM_LOADERS_LARGE_DURATION
+  )
+) !default;

data/Users/eoneill/workspace/archetype/extensions/archetype-theme/stylesheets/archetype/theme/primitives/_textures.scss

@@ -0,0 +1,10 @@
+// ==========
+// TEXTURES
+// ==========
+
+$CONFIG_TEXTURE_HEADING:          (#FEFEFE) !default;
+$CONFIG_TEXTURE_MODULE:           (#EEEEEE) !default;
+$CONFIG_TEXTURE_CONTAINER:        (#FFFFFF #000000) !default;
+$CONFIG_TEXTURE_BRISTOL:          (#2C2C2C) !default;
+$CONFIG_TEXTURE_CANVAS:           (#CCCCCC) !default;
+$CONFIG_TEXTURE_PUNCHCUT:         (#333333) !default;

data/Users/eoneill/workspace/archetype/extensions/archetype-theme/stylesheets/archetype/theme/primitives/_typography.scss

@@ -0,0 +1,56 @@
+// ==========
+// TYPOGRAPHY
+// ==========
+
+// HEADLINES
+$CONFIG_FONT_HEADLINE_XXLARGE:    (24px 26px) !default;                                             // XXLarge headline
+$CONFIG_FONT_HEADLINE_XLARGE:     (22px 24px) !default;                                             // XLarge headline
+$CONFIG_FONT_HEADLINE_LARGE:      (18px 22px) !default;                                             // Large headline
+$CONFIG_FONT_HEADLINE_MEDIUM:     (16px 18px) !default;                                             // Medium headline
+$CONFIG_FONT_HEADLINE_SMALL:      (14px 16px) !default;                                             // Small headline
+$CONFIG_FONT_HEADLINE_XSMALL:     (13px 17px) !default;                                             // XSmall headline
+
+// GENERIC COPY
+$CONFIG_FONT_COPY_LARGE:          (16px 20px) !default;                                             // Large copy
+$CONFIG_FONT_COPY_MEDIUM:         (13px 17px) !default;                                             // Medium copy
+$CONFIG_FONT_COPY_SMALL:          (12px 14px) !default;                                             // Small copy
+// unused
+$CONFIG_FONT_COPY_XSMALL:         $CONFIG_FONT_COPY_SMALL !default;                                 // XSmall copy
+$CONFIG_FONT_COPY_XLARGE:         $CONFIG_FONT_COPY_LARGE !default;                                 // XLarge copy
+$CONFIG_FONT_COPY_XXLARGE:        $CONFIG_FONT_COPY_XLARGE !default;                                // XXLarge copy
+
+// NOTICE COPY
+$CONFIG_FONT_NOTICE:              (15px 20px) !default;                                             // notice copy
+
+// PULLQUOTES
+$CONFIG_FONT_PULLQUOTE_MEDIUM:    (22px 24px) !default;                                             // Medium pullquote
+// unused
+$CONFIG_FONT_PULLQUOTE_SMALL:     $CONFIG_FONT_PULLQUOTE_MEDIUM !default;                           // Small pullquote
+$CONFIG_FONT_PULLQUOTE_XSMALL:    $CONFIG_FONT_PULLQUOTE_SMALL !default;                            // XSmall pullquote
+$CONFIG_FONT_PULLQUOTE_LARGE:     $CONFIG_FONT_PULLQUOTE_MEDIUM !default;                           // Large pullquote
+$CONFIG_FONT_PULLQUOTE_XLARGE:    $CONFIG_FONT_PULLQUOTE_LARGE !default;                            // XLarge pullquote
+$CONFIG_FONT_PULLQUOTE_XXLARGE:   $CONFIG_FONT_PULLQUOTE_XLARGE !default;                           // XXLarge pullquote
+
+// ANNOTATIONS
+$CONFIG_FONT_ANNOTATION_MEDIUM:   (12px 14px) !default;                                            // Medium annotation
+// unused
+$CONFIG_FONT_ANNOTATION_SMALL:    $CONFIG_FONT_ANNOTATION_MEDIUM !default;                         // Sall annotation
+$CONFIG_FONT_ANNOTATION_XSMALL:   $CONFIG_FONT_ANNOTATION_SMALL !default;                          // XSmall annotation
+$CONFIG_FONT_ANNOTATION_LARGE:    $CONFIG_FONT_ANNOTATION_MEDIUM !default;                         // Large annotation
+$CONFIG_FONT_ANNOTATION_XLARGE:   $CONFIG_FONT_ANNOTATION_LARGE !default;                          // XLarge annotation
+$CONFIG_FONT_ANNOTATION_XXLARGE:  $CONFIG_FONT_ANNOTATION_XLARGE !default;                         // XXLarge annotation
+
+// BUTTONS
+// (font-size, vertical-padding, horizontal-padding)
+$CONFIG_FONT_BUTTON_LARGE:        (16px vertical-spacing(1.8, $abuse: true) horizontal-spacing(3)) !default;
+$CONFIG_FONT_BUTTON_MEDIUM:       (13px vertical-spacing(1.6, $abuse: true) horizontal-spacing(2.6, $abuse: true)) !default;
+$CONFIG_FONT_BUTTON_SMALL:        (12px vertical-spacing(1.2, $abuse: true) horizontal-spacing(2)) !default;
+
+// CARETS
+$CONFIG_FONT_CARET_LARGE:         6px !default;
+$CONFIG_FONT_CARET_MEDIUM:        5px !default;
+$CONFIG_FONT_CARET_SMALL:         4px !default;
+
+// BREADCRUMBS
+$CONFIG_FONT_BREADCRUMB:          13px !default;
+$CONFIG_FONT_WEIGHT_BREADCRUMB:   bold !default;

data/Users/eoneill/workspace/archetype/extensions/archetype-theme/templates/project/manifest.rb

@@ -0,0 +1,6 @@
+description "An Archetype extension that provides several off-the-shelf UI components"
+
+discover :images
+
+no_configuration_file!
+skip_compilation!