compass-inuit 4.3.6 → 4.4.1

data/stylesheets/_compass-inuit.scss

@@ -140,21 +140,11 @@
 /*------------------------------------*\
     $IMPORTS
 \*------------------------------------*/
-/**
- * Generic utility styles etc.
- * Style trumps; helper and brand classes
- */
+
 @import "partials/generic";
 
-/**
- * Base styles; unclassed HTML elements etc.
- */
 @import "partials/base";
 
-/**
- * Objects and abstractions
- *
- * Single-line comment (//) out any objects you do not need in your project.
- */
 @import "partials/objects";
-// @import "example/unnecessary/file";
+ 
+@import "partials/helpers";

data/stylesheets/partials/_base.scss

@@ -1,14 +1,14 @@
 /**
  * Base styles; unclassed HTML elements etc.
  */
-@import "partials/base/code";
-@import "partials/base/forms";
-@import "partials/base/headings";
-@import "partials/base/images";
-@import "partials/base/links";
-@import "partials/base/lists";
 @import "partials/base/main";
+@import "partials/base/headings";
 @import "partials/base/paragraphs";
-@import "partials/base/quotes";
 @import "partials/base/smallprint";
-@import "partials/base/tables";
+@import "partials/base/quotes";
+@import "partials/base/code";
+@import "partials/base/links";
+@import "partials/base/images";
+@import "partials/base/lists";
+@import "partials/base/tables";
+@import "partials/base/forms";

data/stylesheets/partials/_generic.scss

@@ -1,14 +1,8 @@
 /**
  * Generic utility styles etc.
  */
-@import "partials/generic/brand";
-@import "partials/generic/clearfix";
-@import "partials/generic/debug";
-@import "partials/generic/helper";
 @import "partials/generic/mixins";
 @import "partials/generic/normalize";
-@import "partials/generic/pull";
-@import "partials/generic/push";
 @import "partials/generic/reset";
+@import "partials/generic/clearfix";
 @import "partials/generic/shared";
-@import "partials/generic/widths";

data/stylesheets/partials/_helpers.scss

@@ -0,0 +1,9 @@
+/**
+ * Style trumps; helper and brand classes
+ */
+@import "partials/generic/widths";
+@import "partials/generic/push";
+@import "partials/generic/pull";
+@import "partials/generic/brand";
+@import "partials/generic/helper";
+@import "partials/generic/debug";

data/stylesheets/partials/_objects.scss

@@ -1,27 +1,30 @@
 /**
  * Objects and abstractions
+ *
+ * Single-line comment (//) out any objects you do not need in your project.
  */
-@import "partials/objects/arrows";
-@import "partials/objects/block-list";
-@import "partials/objects/breadcrumb";
-@import "partials/objects/buttons";
-@import "partials/objects/columns";
-@import "partials/objects/flexbox";
-@import "partials/objects/flyout";
-@import "partials/objects/greybox";
 @import "partials/objects/grids";
-@import "partials/objects/icon-text";
-@import "partials/objects/island";
-@import "partials/objects/link-complex";
-@import "partials/objects/lozenges";
-@import "partials/objects/marginalia";
-@import "partials/objects/matrix";
-@import "partials/objects/media";
+@import "partials/objects/flexbox";
+@import "partials/objects/columns";
 @import "partials/objects/nav";
 @import "partials/objects/options";
 @import "partials/objects/pagination";
-@import "partials/objects/rules";
+@import "partials/objects/breadcrumb";
+@import "partials/objects/media";
+@import "partials/objects/marginalia";
+@import "partials/objects/island";
+@import "partials/objects/block-list";
+@import "partials/objects/matrix";
 @import "partials/objects/split";
+// @import "example/unnecessary/file";
+@import "partials/objects/this-or-this";
+@import "partials/objects/link-complex";
+@import "partials/objects/flyout";
+@import "partials/objects/arrows";
 @import "partials/objects/sprite";
+@import "partials/objects/icon-text";
+@import "partials/objects/buttons";
+@import "partials/objects/lozenges";
+@import "partials/objects/rules";
 @import "partials/objects/stats";
-@import "partials/objects/this-or-this";
+@import "partials/objects/greybox";

data/stylesheets/partials/base/_links.scss

@@ -31,7 +31,7 @@ a{
    </ul>
  * 
  */
-.current a{
+.current > a{
     cursor:text;
     text-decoration:underline;
 }

data/stylesheets/partials/generic/_pull.scss

@@ -2,90 +2,122 @@
     $PULL
 \*------------------------------------*/
 /**
- * Pull classes, to move grid items over to the left by certain amounts.
+ * Pull classes, to move grid items over to the right by certain amounts.
  */
-.pull{
-    position:relative;
-}
-    
-    
+
 /**
- * Halves
+ * Not a particularly great selector, but the DRYest way to do things.
  */
-.pull--one-half             { @extend .pull; right:50%; }
+[class*="pull--"]{ position:relative; }
 
+@mixin pull-setup($namespace: "") {
 
-/**
- * Thirds
- */
-.pull--one-third            { @extend .pull; right:33.333%; }
-.pull--two-thirds           { @extend .pull; right:66.666%; }
+    /**
+     * Whole
+     */
+    .pull--#{$namespace}one-whole           { @extend .pull--#{$namespace}; right:100%; }
 
 
-/**
- * Quarters
- */
-  .pull--one-quarter        { @extend .pull; right:25%; }
-  .pull--two-quarters       { @extend .pull--one-half; }
-.pull--three-quarters       { @extend .pull; right:75%; }
+    /**
+     * Halves
+     */
+    .pull--#{$namespace}one-half            { @extend .pull--#{$namespace}; right:50%; }
 
 
-/**
- * Fifths
- */
-  .pull--one-fifth          { @extend .pull; right:20%; }
-  .pull--two-fifths         { @extend .pull; right:40%; }
-.pull--three-fifths         { @extend .pull; right:60%; }
- .pull--four-fifths         { @extend .pull; right:80%; }
+    /**
+     * Thirds
+     */
+    .pull--#{$namespace}one-third           { @extend .pull--#{$namespace}; right:33.333%; }
+    .pull--#{$namespace}two-thirds          { @extend .pull--#{$namespace}; right:66.666%; }
 
 
-/**
- * Sixths
- */
-  .pull--one-sixth          { @extend .pull; right:16.666%; }
-  .pull--two-sixths         { @extend .pull--one-third; }
-.pull--three-sixths         { @extend .pull--one-half; }
- .pull--four-sixths         { @extend .pull--two-thirds; }
- .pull--five-sixths         { @extend .pull; right:83.333%; }
+    /**
+     * Quarters
+     */
+    .pull--#{$namespace}one-quarter         { @extend .pull--#{$namespace}; right:25%; }
+    .pull--#{$namespace}two-quarters        { @extend .pull--#{$namespace}one-half; }
+    .pull--#{$namespace}three-quarters      { @extend .pull--#{$namespace}; right:75%; }
 
 
-/**
- * Eighths
- */
-   .pull--one-eighth        { @extend .pull; right:12.5%; }
-   .pull--two-eighths       { @extend .pull--one-quarter; }
- .pull--three-eighths       { @extend .pull; right:37.5%; }
-  .pull--four-eighths       { @extend .pull--one-half; }
-  .pull--five-eighths       { @extend .pull; right:62.5%; }
-   .pull--six-eighths       { @extend .pull--three-quarters; }
- .pull--seven-eighths       { @extend .pull; right:87.5%; }
+    /**
+     * Fifths
+     */
+    .pull--#{$namespace}one-fifth           { @extend .pull--#{$namespace}; right:20%; }
+    .pull--#{$namespace}two-fifths          { @extend .pull--#{$namespace}; right:40%; }
+    .pull--#{$namespace}three-fifths        { @extend .pull--#{$namespace}; right:60%; }
+    .pull--#{$namespace}four-fifths         { @extend .pull--#{$namespace}; right:80%; }
 
 
-/**
- * Tenths
- */
-   .pull--one-tenth         { @extend .pull; right:10%; }
-   .pull--two-tenths        { @extend .pull--one-fifth; }
- .pull--three-tenths        { @extend .pull; right:30%; }
-  .pull--four-tenths        { @extend .pull--two-fifths; }
-  .pull--five-tenths        { @extend .pull; right:50%; }
-   .pull--six-tenths        { @extend .pull--three-fifths; }
- .pull--seven-tenths        { @extend .pull; right:70%; }
- .pull--eight-tenths        { @extend .pull--four-fifths; }
-  .pull--nine-tenths        { @extend .pull; right:90%; }
+    /**
+     * Sixths
+     */
+    .pull--#{$namespace}one-sixth           { @extend .pull--#{$namespace}; right:16.666%; }
+    .pull--#{$namespace}two-sixths          { @extend .pull--#{$namespace}one-third; }
+    .pull--#{$namespace}three-sixths        { @extend .pull--#{$namespace}one-half; }
+    .pull--#{$namespace}four-sixths         { @extend .pull--#{$namespace}two-thirds; }
+    .pull--#{$namespace}five-sixths         { @extend .pull--#{$namespace}; right:83.333%; }
 
 
-/**
- * Twelfths
- */
-     .pull--one-twelfth     { @extend .pull; right:8.333%; }
-     .pull--two-twelfths    { @extend .pull--one-sixth; }
-   .pull--three-twelfths    { @extend .pull--one-quarter; }
-    .pull--four-twelfths    { @extend .pull--one-third; }
-    .pull--five-twelfths    { @extend .pull; right:41.666%; }
-     .pull--six-twelfths    { @extend .pull--one-half; }
-   .pull--seven-twelfths    { @extend .pull; right:58.333%; }
-   .pull--eight-twelfths    { @extend .pull--two-thirds; }
-    .pull--nine-twelfths    { @extend .pull--three-quarters; }
-     .pull--ten-twelfths    { @extend .pull--five-sixths; }
-  .pull--eleven-twelfths    { @extend .pull; right:91.666%; }
+    /**
+     * Eighths
+     */
+    .pull--#{$namespace}one-eighth          { @extend .pull--#{$namespace}; right:12.5%; }
+    .pull--#{$namespace}two-eighths         { @extend .pull--#{$namespace}one-quarter; }
+    .pull--#{$namespace}three-eighths       { @extend .pull--#{$namespace}; right:37.5%; }
+    .pull--#{$namespace}four-eighths        { @extend .pull--#{$namespace}one-half; }
+    .pull--#{$namespace}five-eighths        { @extend .pull--#{$namespace}; right:62.5%; }
+    .pull--#{$namespace}six-eighths         { @extend .pull--#{$namespace}three-quarters; }
+    .pull--#{$namespace}seven-eighths       { @extend .pull--#{$namespace}; right:87.5%; }
+
+
+    /**
+     * Tenths
+     */
+    .pull--#{$namespace}one-tenth           { @extend .pull--#{$namespace}; right:10%; }
+    .pull--#{$namespace}two-tenths          { @extend .pull--#{$namespace}one-fifth; }
+    .pull--#{$namespace}three-tenths        { @extend .pull--#{$namespace}; right:30%; }
+    .pull--#{$namespace}four-tenths         { @extend .pull--#{$namespace}two-fifths; }
+    .pull--#{$namespace}five-tenths         { @extend .pull--#{$namespace}one-half; }
+    .pull--#{$namespace}six-tenths          { @extend .pull--#{$namespace}three-fifths; }
+    .pull--#{$namespace}seven-tenths        { @extend .pull--#{$namespace}; right:70%; }
+    .pull--#{$namespace}eight-tenths        { @extend .pull--#{$namespace}four-fifths; }
+    .pull--#{$namespace}nine-tenths         { @extend .pull--#{$namespace}; right:90%; }
+
+
+    /**
+     * Twelfths
+     */
+    .pull--#{$namespace}one-twelfth         { @extend .pull--#{$namespace}; right:8.333%; }
+    .pull--#{$namespace}two-twelfths        { @extend .pull--#{$namespace}one-sixth; }
+    .pull--#{$namespace}three-twelfths      { @extend .pull--#{$namespace}one-quarter; }
+    .pull--#{$namespace}four-twelfths       { @extend .pull--#{$namespace}one-third; }
+    .pull--#{$namespace}five-twelfths       { @extend .pull--#{$namespace}; right:41.666% }
+    .pull--#{$namespace}six-twelfths        { @extend .pull--#{$namespace}one-half; }
+    .pull--#{$namespace}seven-twelfths      { @extend .pull--#{$namespace}; right:58.333%; }
+    .pull--#{$namespace}eight-twelfths      { @extend .pull--#{$namespace}two-thirds; }
+    .pull--#{$namespace}nine-twelfths       { @extend .pull--#{$namespace}three-quarters; }
+    .pull--#{$namespace}ten-twelfths        { @extend .pull--#{$namespace}five-sixths; }
+    .pull--#{$namespace}eleven-twelfths     { @extend .pull--#{$namespace}; right:91.666%; }
+}
+
+@include pull-setup();
+
+@if $responsive-pull == true{
+
+@include media-query(palm){
+    @include pull-setup("palm-");
+}
+
+@include media-query(lap){
+    @include pull-setup("lap-");
+}
+
+@include media-query(portable){
+    @include pull-setup("portable-");
+}
+
+@include media-query(desk){
+    @include pull-setup("desk-");
+}
+
+} /* endif */

data/stylesheets/partials/generic/_push.scss

@@ -4,88 +4,120 @@
 /**
  * Push classes, to move grid items over to the right by certain amounts.
  */
-.push{
-    position:relative;
-}
-    
-    
+
 /**
- * Halves
+ * Not a particularly great selector, but the DRYest way to do things.
  */
-.push--one-half             { @extend .push; left:50%; }
+[class*="push--"]{ position:relative; }
 
+@mixin push-setup($namespace: "") {
 
-/**
- * Thirds
- */
-.push--one-third            { @extend .push; left:33.333%; }
-.push--two-thirds           { @extend .push; left:66.666%; }
+    /**
+     * Whole
+     */
+    .push--#{$namespace}one-whole           { left:100%; }
 
 
-/**
- * Quarters
- */
-  .push--one-quarter        { @extend .push; left:25%; }
-  .push--two-quarters       { @extend .push--one-half; }
-.push--three-quarters       { @extend .push; left:75%; }
+    /**
+     * Halves
+     */
+    .push--#{$namespace}one-half            { left:50%; }
 
 
-/**
- * Fifths
- */
-  .push--one-fifth          { @extend .push; left:20%; }
-  .push--two-fifths         { @extend .push; left:40%; }
-.push--three-fifths         { @extend .push; left:60%; }
- .push--four-fifths         { @extend .push; left:80%; }
+    /**
+     * Thirds
+     */
+    .push--#{$namespace}one-third           { left:33.333%; }
+    .push--#{$namespace}two-thirds          { left:66.666%; }
 
 
-/**
- * Sixths
- */
-  .push--one-sixth          { @extend .push; left:16.666%; }
-  .push--two-sixths         { @extend .push--one-third; }
-.push--three-sixths         { @extend .push--one-half; }
- .push--four-sixths         { @extend .push--two-thirds; }
- .push--five-sixths         { @extend .push; left:83.333%; }
+    /**
+     * Quarters
+     */
+    .push--#{$namespace}one-quarter         { left:25%; }
+    .push--#{$namespace}two-quarters        { @extend .push--#{$namespace}one-half; }
+    .push--#{$namespace}three-quarters      { left:75%; }
 
 
-/**
- * Eighths
- */
-   .push--one-eighth        { @extend .push; left:12.5%; }
-   .push--two-eighths       { @extend .push--one-quarter; }
- .push--three-eighths       { @extend .push; left:37.5%; }
-  .push--four-eighths       { @extend .push--one-half; }
-  .push--five-eighths       { @extend .push; left:62.5%; }
-   .push--six-eighths       { @extend .push--three-quarters; }
- .push--seven-eighths       { @extend .push; left:87.5%; }
+    /**
+     * Fifths
+     */
+    .push--#{$namespace}one-fifth           { left:20%; }
+    .push--#{$namespace}two-fifths          { left:40%; }
+    .push--#{$namespace}three-fifths        { left:60%; }
+    .push--#{$namespace}four-fifths         { left:80%; }
 
 
-/**
- * Tenths
- */
-   .push--one-tenth         { @extend .push; left:10%; }
-   .push--two-tenths        { @extend .push--one-fifth; }
- .push--three-tenths        { @extend .push; left:30%; }
-  .push--four-tenths        { @extend .push--two-fifths; }
-  .push--five-tenths        { @extend .push; left:50%; }
-   .push--six-tenths        { @extend .push--three-fifths; }
- .push--seven-tenths        { @extend .push; left:70%; }
- .push--eight-tenths        { @extend .push--four-fifths; }
-  .push--nine-tenths        { @extend .push; left:90%; }
+    /**
+     * Sixths
+     */
+    .push--#{$namespace}one-sixth           { left:16.666%; }
+    .push--#{$namespace}two-sixths          { @extend .push--#{$namespace}one-third; }
+    .push--#{$namespace}three-sixths        { @extend .push--#{$namespace}one-half; }
+    .push--#{$namespace}four-sixths         { @extend .push--#{$namespace}two-thirds; }
+    .push--#{$namespace}five-sixths         { left:83.333%; }
 
 
-/**
- * Twelfths
- */
-     .push--one-twelfth     { @extend .push; left:8.333%; }
-     .push--two-twelfths    { @extend .push--one-sixth; }
-   .push--three-twelfths    { @extend .push--one-quarter; }
-    .push--four-twelfths    { @extend .push--one-third; }
-    .push--five-twelfths    { @extend .push; left:41.666%; }
-     .push--six-twelfths    { @extend .push--one-half; }
-   .push--seven-twelfths    { @extend .push; left:58.333%; }
-   .push--eight-twelfths    { @extend .push--two-thirds; }
-    .push--nine-twelfths    { @extend .push--three-quarters; }
-     .push--ten-twelfths    { @extend .push--five-sixths; }
-  .push--eleven-twelfths    { @extend .push; left:91.666%; }
+    /**
+     * Eighths
+     */
+    .push--#{$namespace}one-eighth          { left:12.5%; }
+    .push--#{$namespace}two-eighths         { @extend .push--#{$namespace}one-quarter; }
+    .push--#{$namespace}three-eighths       { left:37.5%; }
+    .push--#{$namespace}four-eighths        { @extend .push--#{$namespace}one-half; }
+    .push--#{$namespace}five-eighths        { left:62.5%; }
+    .push--#{$namespace}six-eighths         { @extend .push--#{$namespace}three-quarters; }
+    .push--#{$namespace}seven-eighths       { left:87.5%; }
+
+
+    /**
+     * Tenths
+     */
+    .push--#{$namespace}one-tenth           { left:10%; }
+    .push--#{$namespace}two-tenths          { @extend .push--#{$namespace}one-fifth; }
+    .push--#{$namespace}three-tenths        { left:30%; }
+    .push--#{$namespace}four-tenths         { @extend .push--#{$namespace}two-fifths; }
+    .push--#{$namespace}five-tenths         { @extend .push--#{$namespace}one-half; }
+    .push--#{$namespace}six-tenths          { @extend .push--#{$namespace}three-fifths; }
+    .push--#{$namespace}seven-tenths        { left:70%; }
+    .push--#{$namespace}eight-tenths        { @extend .push--#{$namespace}four-fifths; }
+    .push--#{$namespace}nine-tenths         { left:90%; }
+
+
+    /**
+     * Twelfths
+     */
+    .push--#{$namespace}one-twelfth         { left:8.333%; }
+    .push--#{$namespace}two-twelfths        { @extend .push--#{$namespace}one-sixth; }
+    .push--#{$namespace}three-twelfths      { @extend .push--#{$namespace}one-quarter; }
+    .push--#{$namespace}four-twelfths       { @extend .push--#{$namespace}one-third; }
+    .push--#{$namespace}five-twelfths       { left:41.666% }
+    .push--#{$namespace}six-twelfths        { @extend .push--#{$namespace}one-half; }
+    .push--#{$namespace}seven-twelfths      { left:58.333%; }
+    .push--#{$namespace}eight-twelfths      { @extend .push--#{$namespace}two-thirds; }
+    .push--#{$namespace}nine-twelfths       { @extend .push--#{$namespace}three-quarters; }
+    .push--#{$namespace}ten-twelfths        { @extend .push--#{$namespace}five-sixths; }
+    .push--#{$namespace}eleven-twelfths     { left:91.666%; }
+}
+
+@include push-setup();
+
+@if $responsive-push == true{
+
+@include media-query(palm){
+    @include push-setup("palm-");
+}
+
+@include media-query(lap){
+    @include push-setup("lap-");
+}
+
+@include media-query(portable){
+    @include push-setup("portable-");
+}
+
+@include media-query(desk){
+    @include push-setup("desk-");
+}
+
+} /* endif */

data/stylesheets/partials/generic/_widths.scss

@@ -11,92 +11,92 @@
  */
 
 @mixin grid-setup($namespace: "") {
-  /**
-   * Whole
-   */
-  .#{$namespace}one-whole          { width:100%; }
-
-
-  /**
-   * Halves
-   */
-  .#{$namespace}one-half           { width:50%; }
-
-
-  /**
-   * Thirds
-   */
-  .#{$namespace}one-third          { width:33.333%; }
-  .#{$namespace}two-thirds         { width:66.666%; }
-
-
-  /**
-   * Quarters
-   */
-    .#{$namespace}one-quarter      { width:25%; }
-    .#{$namespace}two-quarters     { @extend .#{$namespace}one-half; }
-  .#{$namespace}three-quarters     { width:75%; }
-
-
-  /**
-   * Fifths
-   */
-    .#{$namespace}one-fifth        { width:20%; }
-    .#{$namespace}two-fifths       { width:40%; }
-  .#{$namespace}three-fifths       { width:60%; }
-   .#{$namespace}four-fifths       { width:80%; }
-
-
-  /**
-   * Sixths
-   */
-    .#{$namespace}one-sixth        { width:16.666%; }
-    .#{$namespace}two-sixths       { @extend .#{$namespace}one-third; }
-  .#{$namespace}three-sixths       { @extend .#{$namespace}one-half; }
-   .#{$namespace}four-sixths       { @extend .#{$namespace}two-thirds; }
-   .#{$namespace}five-sixths       { width:83.333%; }
-
-
-  /**
-   * Eighths
-   */
-    .#{$namespace}one-eighth       { width:12.5%; }
-    .#{$namespace}two-eighths      { @extend .#{$namespace}one-quarter; }
-  .#{$namespace}three-eighths      { width:37.5%; }
-   .#{$namespace}four-eighths      { @extend .#{$namespace}one-half; }
-   .#{$namespace}five-eighths      { width:62.5%; }
-    .#{$namespace}six-eighths      { @extend .#{$namespace}three-quarters; }
-  .#{$namespace}seven-eighths      { width:87.5%; }
-
-
-  /**
-   * Tenths
-   */
-    .#{$namespace}one-tenth        { width:10%; }
-    .#{$namespace}two-tenths       { @extend .#{$namespace}one-fifth; }
-  .#{$namespace}three-tenths       { width:30%; }
-   .#{$namespace}four-tenths       { @extend .#{$namespace}two-fifths; }
-   .#{$namespace}five-tenths       { @extend .#{$namespace}one-half; }
-    .#{$namespace}six-tenths       { @extend .#{$namespace}three-fifths; }
-  .#{$namespace}seven-tenths       { width:70%; }
-  .#{$namespace}eight-tenths       { @extend .#{$namespace}four-fifths; }
-   .#{$namespace}nine-tenths       { width:90%; }
-
-
-  /**
-   * Twelfths
-   */
-     .#{$namespace}one-twelfth     { width:8.333%; }
-     .#{$namespace}two-twelfths    { @extend .#{$namespace}one-sixth; }
-   .#{$namespace}three-twelfths    { @extend .#{$namespace}one-quarter; }
-    .#{$namespace}four-twelfths    { @extend .#{$namespace}one-third; }
-    .#{$namespace}five-twelfths    { width:41.666% }
-     .#{$namespace}six-twelfths    { @extend .#{$namespace}one-half; }
-   .#{$namespace}seven-twelfths    { width:58.333%; }
-   .#{$namespace}eight-twelfths    { @extend .#{$namespace}two-thirds; }
-    .#{$namespace}nine-twelfths    { @extend .#{$namespace}three-quarters; }
-     .#{$namespace}ten-twelfths    { @extend .#{$namespace}five-sixths; }
-  .#{$namespace}eleven-twelfths    { width:91.666%; }
+    /**
+    * Whole
+    */
+    .#{$namespace}one-whole         { width:100%; }
+
+
+    /**
+    * Halves
+    */
+    .#{$namespace}one-half          { width:50%; }
+
+
+    /**
+    * Thirds
+    */
+    .#{$namespace}one-third         { width:33.333%; }
+    .#{$namespace}two-thirds        { width:66.666%; }
+
+
+    /**
+    * Quarters
+    */
+    .#{$namespace}one-quarter       { width:25%; }
+    .#{$namespace}two-quarters      { @extend .#{$namespace}one-half; }
+    .#{$namespace}three-quarters    { width:75%; }
+
+
+    /**
+    * Fifths
+    */
+    .#{$namespace}one-fifth         { width:20%; }
+    .#{$namespace}two-fifths        { width:40%; }
+    .#{$namespace}three-fifths      { width:60%; }
+    .#{$namespace}four-fifths       { width:80%; }
+
+
+    /**
+    * Sixths
+    */
+    .#{$namespace}one-sixth         { width:16.666%; }
+    .#{$namespace}two-sixths        { @extend .#{$namespace}one-third; }
+    .#{$namespace}three-sixths      { @extend .#{$namespace}one-half; }
+    .#{$namespace}four-sixths       { @extend .#{$namespace}two-thirds; }
+    .#{$namespace}five-sixths       { width:83.333%; }
+
+
+    /**
+    * Eighths
+    */
+    .#{$namespace}one-eighth        { width:12.5%; }
+    .#{$namespace}two-eighths       { @extend .#{$namespace}one-quarter; }
+    .#{$namespace}three-eighths     { width:37.5%; }
+    .#{$namespace}four-eighths      { @extend .#{$namespace}one-half; }
+    .#{$namespace}five-eighths      { width:62.5%; }
+    .#{$namespace}six-eighths       { @extend .#{$namespace}three-quarters; }
+    .#{$namespace}seven-eighths     { width:87.5%; }
+
+
+    /**
+    * Tenths
+    */
+    .#{$namespace}one-tenth         { width:10%; }
+    .#{$namespace}two-tenths        { @extend .#{$namespace}one-fifth; }
+    .#{$namespace}three-tenths      { width:30%; }
+    .#{$namespace}four-tenths       { @extend .#{$namespace}two-fifths; }
+    .#{$namespace}five-tenths       { @extend .#{$namespace}one-half; }
+    .#{$namespace}six-tenths        { @extend .#{$namespace}three-fifths; }
+    .#{$namespace}seven-tenths      { width:70%; }
+    .#{$namespace}eight-tenths      { @extend .#{$namespace}four-fifths; }
+    .#{$namespace}nine-tenths       { width:90%; }
+
+
+    /**
+    * Twelfths
+    */
+    .#{$namespace}one-twelfth       { width:8.333%; }
+    .#{$namespace}two-twelfths      { @extend .#{$namespace}one-sixth; }
+    .#{$namespace}three-twelfths    { @extend .#{$namespace}one-quarter; }
+    .#{$namespace}four-twelfths     { @extend .#{$namespace}one-third; }
+    .#{$namespace}five-twelfths     { width:41.666% }
+    .#{$namespace}six-twelfths      { @extend .#{$namespace}one-half; }
+    .#{$namespace}seven-twelfths    { width:58.333%; }
+    .#{$namespace}eight-twelfths    { @extend .#{$namespace}two-thirds; }
+    .#{$namespace}nine-twelfths     { @extend .#{$namespace}three-quarters; }
+    .#{$namespace}ten-twelfths      { @extend .#{$namespace}five-sixths; }
+    .#{$namespace}eleven-twelfths   { width:91.666%; }
 }
 
 @include grid-setup();

data/stylesheets/partials/objects/_grids.scss

@@ -69,8 +69,8 @@
    </div>
  * 
  */
-.gw--rev .g,
-.grid-wrapper--rev .grid{
+.gw--rev > .g,
+.grid-wrapper--rev > .grid{
     float:right;
 }
 

data/stylesheets/partials/objects/_icon-text.scss

@@ -18,7 +18,7 @@
  * 
  */
 .icon-text > .icon-text__icon{
-    margin-right:8px;
+    margin-right:$half-spacing-unit / 2;
 }
 
 
@@ -32,5 +32,5 @@
  *
  */
 .icon-text--rev > .icon-text__icon{
-    margin-left:8px;
+    margin-left:$half-spacing-unit / 2;
 }

data/templates/project/sass/_vars.scss

@@ -37,9 +37,13 @@ $brand-round:        4px!default;
 
 /**
  * Responsiveness?
- * Tell inuit.css when breakpoints start, in pixels.
+ * Tell inuit.css when breakpoints start.
  */
 $responsive:        true!default;
+
+$responsive-push:   false!default;
+$responsive-pull:   false!default;
+
 $lap-start:         481px!default;
 $desk-start:        1024px!default;
 

data/templates/project/sass/your-project.scss

@@ -11,11 +11,15 @@
  */
 
 
-// Setup
+/**
+ * Setup
+ */
 @import "vars";
 @import "compass-inuit";
 
-// She’s all yours, cap’n... Begin importing your stuff here.
+/**
+ * She’s all yours, cap’n... Begin importing your stuff here.
+ */
 
 html{
     font: 1em/1.5 Georgia, serif;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: compass-inuit
 version: !ruby/object:Gem::Version
-  version: 4.3.6
+  version: 4.4.1
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-12-27 00:00:00.000000000 Z
+date: 2013-01-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -55,6 +55,7 @@ files:
 - stylesheets/_compass-inuit.scss
 - stylesheets/partials/_base.scss
 - stylesheets/partials/_generic.scss
+- stylesheets/partials/_helpers.scss
 - stylesheets/partials/_objects.scss
 - stylesheets/partials/base/_code.scss
 - stylesheets/partials/base/_forms.scss