archetype 0.0.1.pre.13 → 1.0.0.alpha.1

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

@@ -1,52 +0,0 @@
-// ==========
-// FLYOUT MENUS
-// ==========
-$STYLEGUIDE_FLYOUTS_ID: flyout !default;
-$STYLEGUIDE_FLYOUTS: () !default;
-
-@if not styleguide-component-exists($STYLEGUIDE_FLYOUTS_ID, $CONFIG_THEME) {
-$a-blackhole: styleguide-add-component($STYLEGUIDE_FLYOUTS_ID,  $STYLEGUIDE_FLYOUTS, (
-  (default, (
-    display               none,                         // hidden by default (use `visible flyout` if you want it shown by default)
-    position              absolute,                     // position!
-    top                   100%,                         // align it to the bottom of the context
-    left                  0,                            // align left
-    z-index               1,
-    border                ($CONFIG_DIM_GENERIC_BORDER solid nth($CONFIG_COLOR_BORDER_FLYOUT,1)),
-    background            nth($CONFIG_TEXTURE_CONTAINER, 1),
-    box-shadow            $CONFIG_SHADOW_FLYOUT,
-    padding               $CONFIG_DIM_FLYOUT_SPACING,
-    min-width             $CONFIG_DIM_FLYOUT_MIN_WIDTH,
-    cursor                default,
-    float                 left,
-    list-style            none                          // just incase its a list
-  )),
-  (visible, (
-    display               block,
-    nil
-  )),
-  (in-button, (
-    // restore some things used for buttons
-    font-weight           normal,
-    white-space           normal,
-    text-shadow           none,
-    // no box-shadow
-    box-shadow            nil,
-    // thick borders!
-    border-width          $CONFIG_DIM_GENERIC_BORDER_THICK,
-    border-radius         $CONFIG_DIM_FLYOUT_RADIUS
-  )),
-  (in-button-group, (
-    inherit (in-button),
-    nil
-  )),
-  (upward, (
-    top                   nil,
-    bottom                100%
-  )),
-  (right aligned, (
-    left                  nil,
-    right                 0
-  ))
-), $CONFIG_THEME);
-}

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

@@ -1,33 +0,0 @@
-// ==========
-// HEADINGS
-// ==========
-$STYLEGUIDE_HEADINGS_ID: heading !default;
-$STYLEGUIDE_HEADINGS: () !default;
-
-@if not styleguide-component-exists($STYLEGUIDE_HEADINGS_ID, $CONFIG_THEME) {
-$a-blackhole: styleguide-add-component($STYLEGUIDE_HEADINGS_ID,  $STYLEGUIDE_HEADINGS, (
-  (default, (
-    nil
-  )),
-  (in-flyout in-in-button-group, (
-    margin                $CONFIG_DIM_HEADING_SPACING_OUTER,
-    padding               $CONFIG_DIM_HEADING_SPACING,
-    background-color      $CONFIG_TEXTURE_HEADING,
-    border                ($CONFIG_DIM_GENERIC_BORDER solid nth($CONFIG_COLOR_BORDER_SECTION,1)),
-    border-width          ($CONFIG_DIM_GENERIC_BORDER 0),
-    color                 nth($CONFIG_COLOR_COPY_MUTED, 1)
-  )),
-  (first in-flyout in-in-button-group, (
-    margin-top            0,
-    border-top-width      0
-  )),
-  (in-flyout in-in-button, (
-    inherit (in-flyout in-in-button-group),
-    nil
-  )),
-  (first in-flyout in-in-button, (
-    inherit (first in-flyout in-in-button-group),
-    nil
-  ))
-), $CONFIG_THEME);
-}

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

@@ -1,64 +0,0 @@
-// ==========
-// HEADLINES
-// ==========
-$STYLEGUIDE_HEADLINES_ID: headline !default;
-$STYLEGUIDE_HEADLINES: () !default;
-
-@if not styleguide-component-exists($STYLEGUIDE_HEADLINES_ID, $CONFIG_THEME) {
-$a-blackhole: styleguide-add-component($STYLEGUIDE_HEADLINES_ID,  $STYLEGUIDE_HEADLINES, (
-  (default, (
-    font-family         headline,
-    font-size           nth($CONFIG_FONT_HEADLINE_LARGE, 1),
-    font-weight         bold,
-    line-height         nth-cyclic($CONFIG_FONT_HEADLINE_LARGE, 2),
-    color               nth($CONFIG_COLOR_STRONG, 1)
-  )),
-  (muted, (
-    font-weight         normal,
-    nil
-  )),
-  (xlarge, (
-    font-size           nth($CONFIG_FONT_HEADLINE_XLARGE, 1),
-    line-height         nth-cyclic($CONFIG_FONT_HEADLINE_XLARGE, 2)
-  )),
-  (xxlarge, (
-    font-size           nth($CONFIG_FONT_HEADLINE_XXLARGE, 1),
-    line-height         nth-cyclic($CONFIG_FONT_HEADLINE_XXLARGE, 2)
-  )),
-  (large, (
-    nil
-  )),
-  (medium, (
-    font-size           nth($CONFIG_FONT_HEADLINE_MEDIUM, 1),
-    line-height         nth-cyclic($CONFIG_FONT_HEADLINE_MEDIUM, 2)
-  )),
-  (small, (
-    font-size           nth($CONFIG_FONT_HEADLINE_SMALL, 1),
-    line-height         nth-cyclic($CONFIG_FONT_HEADLINE_SMALL, 2)
-  )),
-  (xsmall, (
-    font-size           nth($CONFIG_FONT_HEADLINE_XSMALL, 1),
-    line-height         nth-cyclic($CONFIG_FONT_HEADLINE_XSMALL, 2)
-  )),
-  (in-dark, (
-    color               nth-cyclic($CONFIG_COLOR_STRONG, 2),
-    nil
-  )),
-  (in-bristol, (
-    inherit (in-dark),
-    nil
-  )),
-  (in-tooltip, (
-    inherit (in-dark),
-    nil
-  )),
-  (in-alert, (
-    inherit (in-dark),
-    nil
-  )),
-  (in-punchcut, (
-    inherit (in-dark),
-    text-shadow         nth-cyclic($CONFIG_SHADOW_COPY, 2)
-  ))
-), $CONFIG_THEME);
-}

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

@@ -1,27 +0,0 @@
-// ==========
-// HOVERCARDS
-// ==========
-$STYLEGUIDE_HOVERCARDS_ID: hovercard !default;
-$STYLEGUIDE_HOVERCARDS: () !default;
-
-@if not styleguide-component-exists($STYLEGUIDE_HOVERCARDS_ID, $CONFIG_THEME) {
-$a-blackhole: styleguide-add-component($STYLEGUIDE_HOVERCARDS_ID,  $STYLEGUIDE_HOVERCARDS, (
-  (default, (
-    border-radius       $CONFIG_DIM_HOVERCARD_RADIUS,
-    background          nth($CONFIG_TEXTURE_CONTAINER, 1),
-    border-color        nth($CONFIG_COLOR_BORDER_HOVERCARD, 1),
-    border-style        solid,
-    border-width        $CONFIG_DIM_GENERIC_BORDER,
-    box-shadow          $CONFIG_SHADOW_HOVERCARD,
-    max-width           $CONFIG_DIM_HOVERCARD_MAX_WIDTH,
-    padding             $CONFIG_DIM_HOVERCARD_SPACING,
-    // structure
-    outline             0,  // for accessibility purposes, we don't want to outline the hovercard if it has focus
-    display             block,
-    position            absolute,
-    visibility          visible,
-    z-index             1
-  )),
-  nil
-), $CONFIG_THEME);
-}

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

@@ -1,17 +0,0 @@
-// ==========
-// ICONS
-// ==========
-$STYLEGUIDE_ICONS_ID: icon !default;
-$STYLEGUIDE_ICONS: () !default;
-
-@if not styleguide-component-exists($STYLEGUIDE_ICONS_ID, $CONFIG_THEME) {
-$a-blackhole: styleguide-add-component($STYLEGUIDE_ICONS_ID,  $STYLEGUIDE_ICONS, (
-  (default, (
-    inline-block        true,
-    hide-text           true,
-    content             $CONTENT_PLACEHOLDER,
-    background          (none no-repeat scroll 0 0 transparent)
-  )),
-  nil
-), $CONFIG_THEME);
-}

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

@@ -1,34 +0,0 @@
-// ==========
-// IDENTITIES
-// ==========
-$STYLEGUIDE_IDENTITY_ID: identity !default;
-$STYLEGUIDE_IDENTITY: () !default;
-
-@if not styleguide-component-exists($STYLEGUIDE_IDENTITY_ID, $CONFIG_THEME) {
-$a-blackhole: styleguide-add-component($STYLEGUIDE_IDENTITY_ID,  $STYLEGUIDE_IDENTITY, (
-  (default, (
-    color                   nth($CONFIG_COLOR_BRAND, 1),
-    font-weight             bold,
-    text-decoration         nth($CONFIG_DECORATION_IDENTITY, 1),
-    (states, (
-      (hover, (
-        text-decoration     nth-cyclic($CONFIG_DECORATION_IDENTITY, 2),
-        nil
-      )),
-      nil
-    ))
-  )),
-  (in-dark, (
-    color                   nth-cyclic($CONFIG_COLOR_BRAND, 2),
-    nil
-  )),
-  (in-punchcut, (
-    inherit (in-dark),
-    nil
-  )),
-  (in-bristol, (
-    inherit (in-dark),
-    nil
-  ))
-), $CONFIG_THEME);
-}

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

@@ -1,68 +0,0 @@
-// ==========
-// LINKS
-// ==========
-$STYLEGUIDE_LINKS_ID: link !default;
-$STYLEGUIDE_LINKS: () !default;
-
-@if not styleguide-component-exists($STYLEGUIDE_LINKS_ID, $CONFIG_THEME) {
-$a-blackhole: styleguide-add-component($STYLEGUIDE_LINKS_ID,  $STYLEGUIDE_LINKS, (
-  (default, (
-    color                   nth($CONFIG_COLOR_BRAND, 1),
-    text-decoration         nth($CONFIG_DECORATION_LINK, 1),
-    (states, (
-      (hover, (
-        text-decoration     nth-cyclic($CONFIG_DECORATION_LINK, 2),
-        nil
-      )),
-      nil
-    ))
-  )),
-  (without-underline, (
-    (states, (
-      (hover, (
-        text-decoration     none,
-        nil
-      )),
-      nil
-    )),
-    nil
-  )),
-  (in-dark, (
-    color                   nth-cyclic($CONFIG_COLOR_BRAND, 2),
-    nil
-  )),
-  (in-punchcut, (
-    inherit (in-dark),
-    nil
-  )),
-  (in-bristol, (
-    inherit (in-dark),
-    nil
-  )),
-  (in-alert, (
-    color                   nth-cyclic($CONFIG_COLOR_COPY, 2),
-    font-weight             bold,
-    (states, (
-      (hover, (
-        color               nil,
-        nil
-      )),
-      nil
-    ))
-  )),
-  (muted, (
-    // de-emphasized links have no color until you hover over them
-    color                   nil,
-    (states, (
-      (hover, (
-        color               nth($CONFIG_COLOR_BRAND, 1),
-        cursor              pointer,
-        target-browser      (ie, cursor, hand),
-        text-decoration     none
-      )),
-      nil
-    ))
-  )),
-  nil
-), $CONFIG_THEME);
-}

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

@@ -1,154 +0,0 @@
-// ==========
-// 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);
-}