archetype 0.0.1.pre.3.90263a7 → 0.0.1.pre.3.811928f

data/stylesheets/archetype/_ui.scss

@@ -117,21 +117,6 @@
   clip: rect(1px, 1px, 1px, 1px);
 }
 
-// reverse hide-element and make the element visibile again
-// @mixin     unhide-element
-// @see       hide-element
-// @param     $position {String} value for the position property
-// @param     $height {String} value for the height property
-// @param     $width {String} value for the width property
-// @param     $overflow {String} value for the overflow property
-@mixin unhide-element($position: static, $height:auto, $width:auto, $overflow:visible) {
-  position: $position;
-  height: $height;
-  width: $width;
-  overflow: $overflow;
-  clip: auto;
-}
-
 // mixin for generating a fade box which fades from transparent to white
 // @mixin     fade-box
 // @param     $width {String} the width of the overlay
@@ -139,7 +124,7 @@
 // @param     $direction {String} top=vertical left=horizontal
 @mixin fade-box($width: 100%, $height: 100%, $direction: top) {
   $direction: rtl($direction);
-  // TODO - update this when Compass supports IE alpha channels
+  // TODO - update this when Compass supports IE alpha channels 
   @if $direction == left {
     @include ie-filter(gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1));
   }
@@ -168,35 +153,23 @@
 // @param     $size {Number} the size of the icon
 // @param     $color {Color} the color of the font
 // @param     $placement {String} where to place the icon [before|after|inline]
-// @param     $ie-styles {String} styles to apply to IE6/7 (this is needed because the faux :before isn't extendable)
-// @param     $ie-uid {String} a custom, unique identifier for the generate IE6/7 element
-// @content
-@mixin glyph-icon($icon, $size: default, $color: inherit, $placement: before, $ie-styles: false, $ie-uid: false) {
-  $archetype-glyph-selector: false;
-  $char-mapping: nil;
-  $char-code: nil;
-  @if $icon {
-    $char-mapping: -compass-list(associative($CONFIG_GLYPHS_MAPPINGS, $icon, $strict: true));
-    $char-code: nth($char-mapping, 1);
-  }
+// @param     $ie-styles {String} styles to apply to IE6/7 (this is needed because the faux :before isn't extensible)
+@mixin glyph-icon($icon, $size: default, $color: inherit, $placement: before, $ie-styles: false) {
+  $char-mapping: -compass-list(associative($CONFIG_GLYPHS_MAPPINGS, $icon, $strict: true));
+  $char-code: nth($char-mapping, 1);
   @if $char-code == nil and $icon != false {
     @warn "could not find character mapping for `#{icon}`";
   }
   @else {
     @if $size == default {
-      $default-size: nil;
-      @if $icon {
-        $default-size: nth-cyclic($char-mapping, 2);
-      }
+      $default-size: nth-cyclic($char-mapping, 2);
       $size: if(type-of($default-size) == number, $default-size, 100%);
     }
     // if the size is under a given threshold, use a halfling, if available
-    @if $icon {
-      $char-code: nth-cyclic(-compass-list($char-code), if(comparable($CONFIG_GLYPHS_THRESHOLD, $size) and $size <= $CONFIG_GLYPHS_THRESHOLD, 2, 1));
-    }
+    $char-code: nth-cyclic(-compass-list($char-code), if(comparable($CONFIG_GLYPHS_THRESHOLD, $size) and $size <= $CONFIG_GLYPHS_THRESHOLD, 2, 1));
     $selector: if(index(before after, $placement), '&:#{$placement}', '&');
     #{$selector} {
-      font-family: '#{$CONFIG_GLYPHS_NAME}-#{$CONFIG_GLYPHS_VERSION}', '#{$CONFIG_GLYPHS_NAME}';
+      font-family: $CONFIG_GLYPHS_NAME;
       font-weight: $CONFIG_GLYPHS_WEIGHT;
       font-style: $CONFIG_GLYPHS_STYLE;
       text-decoration: inherit;
@@ -207,10 +180,9 @@
         content: $char-code;
       }
     }
-    $archetype-glyph-selector: $selector;
-    @if($selector != '&' and $ie-styles != nil) {
+    @if($selector != '&') {
       // support for IE6/7
-      $styles: "font-family:'#{$CONFIG_GLYPHS_NAME}-#{$CONFIG_GLYPHS_VERSION}', '#{$CONFIG_GLYPHS_NAME}';font-weight:#{$CONFIG_GLYPHS_WEIGHT};font-style:#{$CONFIG_GLYPHS_STYLE};text-decoration:inherit;";
+      $styles: "font-family:'#{$CONFIG_GLYPHS_NAME}';font-weight:#{$CONFIG_GLYPHS_WEIGHT};font-style:#{$CONFIG_GLYPHS_STYLE};text-decoration:inherit;";
       @if($size != nil) {
         $styles: $styles + "font-size:#{$size};"
       }
@@ -220,15 +192,7 @@
       @if($ie-styles) {
         $styles: $styles + $ie-styles;
       }
-      @include ie-pseudo($styles: $styles, $content: $char-code, $placement: $placement, $name: glyph, $uid: $ie-uid);
-      @if $archetype-pseudo-selector {
-        $archetype-glyph-selector: '#{$selector}, #{$archetype-pseudo-selector}';
-      }
-    }
-    @if archetype-version('Sass >= 3.2') {
-      #{$archetype-glyph-selector} {
-        @content;
-      }
+      @include ie-pseudo($styles: $styles, $content: $char-code, $placement: $placement, $name: glyph);
     }
   }
 }
@@ -341,13 +305,4 @@
   height: $height;
   margin-left: $width / -2;
   margin-top: $height / -2;
-}
-
-// a method for removing default styling from a button
-// @mixin     unstyled-button
-@mixin unstyled-button() {
-  background: none;
-  border: none;
-  padding: 0;
-  @include appearance(none);
 }

data/stylesheets/archetype/base/_h5bp.scss

@@ -6,7 +6,7 @@
   /* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
-
+  
   html,
   button,
   input,
@@ -14,32 +14,32 @@
   textarea {
     color: #222;
   }
-
+  
   body {
     font-size: 1em;
     line-height: 1.4;
   }
-
+  
   /*
   * Remove text-shadow in selection highlight: h5bp.com/i
   * These selection declarations have to be separate.
   * Customize the background color to match your design.
   */
-
+  
   ::-moz-selection {
     background: #b3d4fc;
     text-shadow: none;
   }
-
+  
   ::selection {
     background: #b3d4fc;
     text-shadow: none;
   }
-
+  
   /*
   * A better looking default horizontal rule
   */
-
+  
   hr {
     display: block;
     height: 1px;
@@ -54,7 +54,7 @@
   /*
   * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
   */
-
+  
   img {
     vertical-align: middle;
   }
@@ -77,7 +77,7 @@
   /*
   * Allow only vertical resizing of textareas.
   */
-
+  
   textarea {
     resize: vertical;
   }
@@ -87,7 +87,7 @@
   /* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
-
+  
   .chromeframe {
     margin: 0.2em 0;
     background: #ccc;
@@ -117,7 +117,7 @@
     content: "";
     display: block;
     width: 0;
-    height: 150%;
+    height: 100%;
   }
 
   /*
@@ -277,7 +277,7 @@
 // @param     $exclude {List} the list of features to exclude from the reset
 // @link    https://github.com/h5bp/html5-boilerplate/
 @mixin base-h5bp($exclude: ()) {
-/*! HTML5 Boilerplate | MIT License | @9ec546569b */
+/*! HTML5 Boilerplate | MIT License | @b378ce239d */
   /*
   * HTML5 Boilerplate
   *

data/stylesheets/archetype/base/_normalize.scss

@@ -1,4 +1,4 @@
-// normalize.css v2.1.2 | MIT License | git.io/normalize
+// normalize.css v2.0.1 | MIT License | git.io/normalize
 
 // @category  base
 @mixin base-normalize-html5() {
@@ -6,9 +6,9 @@
   HTML5 display definitions
   ========================================================================== */
 
-  /**
-   * Corrects `block` display not defined in IE 8/9.
-   */
+  /*
+  * Corrects `block` display not defined in IE 8/9.
+  */
 
   article,
   aside,
@@ -18,16 +18,15 @@
   footer,
   header,
   hgroup,
-  main,
   nav,
   section,
   summary {
       display: block;
   }
 
-  /**
-   * Corrects `inline-block` display not defined in IE 8/9.
-   */
+  /*
+  * Corrects `inline-block` display not defined in IE 8/9.
+  */
 
   audio,
   canvas,
@@ -35,43 +34,41 @@
       @include inline-block();
   }
 
-  /**
-   * Prevents modern browsers from displaying `audio` without controls.
-   * Remove excess height in iOS 5 devices.
-   */
+  /*
+  * Prevents modern browsers from displaying `audio` without controls.
+  * Remove excess height in iOS 5 devices.
+  */
 
   audio:not([controls]) {
       display: none;
       height: 0;
   }
 
-  /**
-   * Addresses styling for `hidden` attribute not present in IE 8/9.
-   * Hide the `template` element in IE, Safari, and Firefox < 22.
-   */
+  /*
+  * Addresses styling for `hidden` attribute not present in IE 8/9.
+  */
 
-  [hidden],
-  template {
+  [hidden] {
       display: none;
   }
 }
 
 @mixin base-normalize-text-adjust() {
-  /**
-   * 0. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
-   * http://clagnut.com/blog/348/#c790
-   * 1. Sets default font family to sans-serif.
-   * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
-   * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
-   */
+  /*
+  * 0. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
+  * http://clagnut.com/blog/348/#c790
+  * 1. Sets default font family to sans-serif.
+  * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
+  * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
+  */
   html {
     // legacy
     @if $legacy-support-for-ie7 or $legacy-support-for-ie6 {
       font-size: 100%; /* 0 */
     }
     font-family: sans-serif; /* 1 */
-    -ms-text-size-adjust: 100%; /* 2 */
     -webkit-text-size-adjust: 100%; /* 2 */
+    -ms-text-size-adjust: 100%; /* 2 */
   }
 
 }
@@ -81,9 +78,9 @@
      Base
      ========================================================================== */
 
-  /**
-   * Removes default margin.
-   */
+  /*
+  * Removes default margin.
+  */
 
   body {
       margin: 0;
@@ -95,29 +92,17 @@
   Links
   ========================================================================== */
 
-  // TODO: need to evaluate this change given the issue known issue with
-  //  transparent background elements not gaining :focus state
-  //  so disabling this change for now :(
-  //  @see transparent-focusable
-  ///**
-  // * Remove the gray background color from active links in IE 10.
-  // */
-  //
-  //a {
-  //    background: transparent;
-  //}
-
-  /**
-   * Addresses `outline` inconsistency between Chrome and other browsers.
-   */
+  /*
+  * Addresses `outline` inconsistency between Chrome and other browsers.
+  */
 
   a:focus {
       outline: thin dotted;
   }
 
-  /**
-   * Improves readability when focused and also mouse hovered in all browsers.
-   */
+  /*
+  * Improves readability when focused and also mouse hovered in all browsers.
+  */
 
   a:active,
   a:hover {
@@ -126,9 +111,9 @@
 }
 
 @mixin base-normalize-typogrpahy-core() {
-  /**
-   * Corrects font family set oddly in Safari 5 and Chrome.
-   */
+  /*
+  * Corrects font family set oddly in Safari 5 and Chrome.
+  */
 
   code,
   kbd,
@@ -138,9 +123,9 @@
       font-size: 1em;
   }
 
-  /**
-   * Improves readability of pre-formatted text in all browsers.
-   */
+  /*
+  * Improves readability of pre-formatted text in all browsers.
+  */
 
   pre {
       white-space: pre;
@@ -149,17 +134,17 @@
   }
 
 
-  /**
-   * Addresses inconsistent and variable font size in all browsers.
-   */
+  /*
+  * Addresses inconsistent and variable font size in all browsers.
+  */
 
   small {
       font-size: 80%;
   }
 
-  /**
-   * Prevents `sub` and `sup` affecting `line-height` in all browsers.
-   */
+  /*
+  * Prevents `sub` and `sup` affecting `line-height` in all browsers.
+  */
 
   sub,
   sup {
@@ -183,10 +168,10 @@
   Typography
   ========================================================================== */
 
-  /**
-   * Addresses font sizes and margins set differently in IE6/7
-   * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
-   */
+  /*
+  * Addresses font sizes and margins set differently in IE6/7
+  * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
+  */
 
   h1 {
     font-size: 2em;
@@ -218,45 +203,33 @@
     margin: 2.33em 0;
   }
 
-  /**
-   * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
-   */
+  /*
+  * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
+  */
 
   abbr[title] {
       border-bottom: 1px dotted;
   }
 
-  /**
-   * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
-   */
+  /*
+  * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+  */
 
   b,
   strong {
       font-weight: bold;
   }
-
-  /**
-   * Addresses styling not present in Safari 5 and Chrome.
-   */
+  /*
+  * Addresses styling not present in Safari 5 and Chrome.
+  */
 
   dfn {
       font-style: italic;
   }
 
-  /**
-   * Address differences between Firefox and other browsers.
-   */
-
-  hr {
-      -moz-box-sizing: content-box;
-      box-sizing: content-box;
-      height: 0;
-  }
-
-
-  /**
-   * Addresses styling not present in IE 8/9.
-   */
+  /*
+  * Addresses styling not present in IE 8/9.
+  */
 
   mark {
       background: #ff0;
@@ -267,9 +240,9 @@
     margin: 1em 40px;
   }
 
-  /**
-   * Addresses margins set differently in IE6/7
-   */
+  /*
+  * Addresses margins set differently in IE6/7
+  */
 
   p,
   pre {
@@ -278,9 +251,9 @@
 }
 
 @mixin base-normalize-quotes() {
-  /**
-   * Sets consistent quote types.
-   */
+  /*
+  * Sets consistent quote types.
+  */
   q {
       quotes: "\201C" "\201D" "\2018" "\2019";
   }
@@ -293,7 +266,7 @@
     Lists
     ========================================================================== */
 
-    /**
+    /*
     * Addresses margins set differently in IE6/7
     */
 
@@ -308,7 +281,7 @@
       margin: 0 0 0 40px;
     }
 
-    /**
+    /*
     * Addresses paddings set differently in IE6/7
     */
 
@@ -318,7 +291,7 @@
       padding: 0 0 0 40px;
     }
 
-    /**
+    /*
     * Corrects list images handled incorrectly in IE7
     */
 
@@ -331,11 +304,11 @@
 }
 
 @mixin base-normalize-image() {
-  /**
-   * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
-   * 2. Improves image quality when scaled in IE7
-   * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
-   */
+  /*
+  * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
+  * 2. Improves image quality when scaled in IE7
+  * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
+  */
 
   img {
     border: 0; /* 1 */
@@ -351,10 +324,10 @@
   Embedded content
   ========================================================================== */
   @include base-normalize-image();
-
-  /**
-   * Corrects overflow displayed oddly in IE9
-   */
+  
+  /*
+  * Corrects overflow displayed oddly in IE9
+  */
 
   svg:not(:root) {
     overflow: hidden;
@@ -366,9 +339,9 @@
   Figures
   ========================================================================== */
 
-  /**
-   * Addresses margin not present in IE6/7/8/9, S5, O11
-   */
+  /*
+  * Addresses margin not present in IE6/7/8/9, S5, O11
+  */
 
   figure {
       margin: 0;
@@ -376,9 +349,9 @@
 }
 
 @mixin base-normalize-fieldset() {
-  /**
-   * Define consistent border, margin, and padding.
-   */
+  /*
+  * Define consistent border, margin, and padding.
+  */
 
   fieldset {
       border: 1px solid #c0c0c0;
@@ -392,19 +365,19 @@
   Forms
   ========================================================================== */
 
-  /**
-   * Corrects margin displayed oddly in IE6/7
-   */
+  /*
+  * Corrects margin displayed oddly in IE6/7
+  */
 
   form {
       margin: 0;
   }
 
-  /**
-   * 1. Corrects color not being inherited in IE6/7/8/9
-   * 2. Corrects text not wrapping in FF3
-   * 3. Corrects alignment displayed oddly in IE6/7
-   */
+  /*
+  * 1. Corrects color not being inherited in IE6/7/8/9
+  * 2. Corrects text not wrapping in FF3
+  * 3. Corrects alignment displayed oddly in IE6/7
+  */
 
   legend {
     border: 0; /* 1 */
@@ -416,12 +389,12 @@
     }
   }
 
-  /**
-   * 1. Corrects font family not being inherited in all browsers.
-   * 2. Corrects font size not being inherited in all browsers.
-   * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
-   * 4. Improves appearance and consistency in all browsers
-   */
+  /*
+  * 1. Corrects font family not being inherited in all browsers.
+  * 2. Corrects font size not being inherited in all browsers.
+  * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
+  * 4. Improves appearance and consistency in all browsers
+  */
 
   button,
   input,
@@ -437,35 +410,23 @@
       }
   }
 
-  /**
-   * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
-   */
+  /*
+  * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
+  */
 
   button,
   input {
       line-height: normal; /* 1 */
   }
 
-  /**
-   * Address inconsistent `text-transform` inheritance for `button` and `select`.
-   * All other form control elements do not inherit `text-transform` values.
-   * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
-   * Correct `select` style inheritance in Firefox 4+ and Opera.
-   */
-
-  button,
-  select {
-      text-transform: none;
-  }
-
-  /**
-   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
-   * and `video` controls.
-   * 2. Correct inability to style clickable `input` types in iOS.
-   * 3. Improve usability and consistency of cursor style between image-type
-   * `input` and others.
-   * 4. Removes inner spacing in IE7 without affecting normal text inputs
-   */
+  /*
+  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+  * and `video` controls.
+  * 2. Corrects inability to style clickable `input` types in iOS.
+  * 3. Improves usability and consistency of cursor style between image-type
+  * `input` and others.
+  * 4. Removes inner spacing in IE7 without affecting normal text inputs
+  */
 
   button,
   html input[type="button"], /* 1 */
@@ -479,21 +440,21 @@
       }
   }
 
-  /**
-   * Re-set default cursor for disabled elements.
-   */
+  /*
+  * Re-set default cursor for disabled elements.
+  */
 
   button[disabled],
-  html input[disabled] {
+  input[disabled] {
       cursor: default;
   }
 
-  /**
-   * 1. Addresses box sizing set to `content-box` in IE 8/9.
-   * 2. Removes excess padding in IE 8/9.
-   * 3. Removes excess padding in IE7
+  /*
+  * 1. Addresses box sizing set to `content-box` in IE 8/9.
+  * 2. Removes excess padding in IE 8/9.
+  * 3. Removes excess padding in IE7
   Known issue: excess padding remains in IE6
-   */
+  */
 
   input[type="checkbox"],
   input[type="radio"] {
@@ -506,11 +467,11 @@
       }
   }
 
-  /**
-   * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
-   * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
-   * (include `-moz` to future-proof).
-   */
+  /*
+  * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
+  * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
+  * (include `-moz` to future-proof).
+  */
 
   input[type="search"] {
       -webkit-appearance: textfield; /* 1 */
@@ -520,10 +481,10 @@
   }
 
 
-  /**
-   * Removes inner padding and search cancel button in Safari 5 and Chrome
-   * on OS X.
-   */
+  /*
+  * Removes inner padding and search cancel button in Safari 5 and Chrome
+  * on OS X.
+  */
 
   input[type="search"]::-webkit-search-cancel-button,
   input[type="search"]::-webkit-search-decoration {
@@ -531,9 +492,9 @@
   }
 
 
-  /**
-   * Removes inner padding and border in Firefox 4+.
-   */
+  /*
+  * Removes inner padding and border in Firefox 4+.
+  */
 
   button::-moz-focus-inner,
   input::-moz-focus-inner {
@@ -541,16 +502,16 @@
       padding: 0;
   }
 
-  /**
-   * 1. Removes default vertical scrollbar in IE6/7/8/9
-   * 2. Improves readability and alignment in all browsers
-   */
+  /*
+  * 1. Removes default vertical scrollbar in IE6/7/8/9
+  * 2. Improves readability and alignment in all browsers
+  */
 
   textarea {
       overflow: auto; /* 1 */
       vertical-align: top; /* 2 */
   }
-
+  
 }
 
 @mixin base-normalize-ime() {
@@ -568,9 +529,9 @@
   Tables
   ========================================================================== */
 
-  /**
-   * Remove most spacing between table cells.
-   */
+  /*
+  * Remove most spacing between table cells.
+  */
 
   table {
       border-collapse: collapse;
@@ -584,7 +545,7 @@
 // @param     $exclude {List} the list of features to exclude from the reset
 // @link      http://github.com/necolas/normalize.css
 @mixin base-normalize($exclude: ()) {
-/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
+/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
   $exclude: -compass-list($exclude);
   @if(not index($exclude, normalize-html5)) {
     @include base-normalize-html5();