Made column-gutter a global variable

diff --git a/scss/foundation/_settings.scss b/scss/foundation/_settings.scss
index 07f7512b105dbfc2c8d996d729232c34003f523b..2e62c2fb0bfe08c42098539e21bc0a64b978190f 100644 (file)
--- a/scss/foundation/_settings.scss
+++ b/scss/foundation/_settings.scss
@@ -36,7 +36,6 @@
 // $include-xl-html-grid-classes: false;
 
 // $row-width: rem-calc(1000);
-// $column-gutter: rem-calc(30);
 // $total-columns: 12;
 
 // We use these to control various global styles
@@ -71,6 +70,8 @@
 // $shiny-edge-color: rgba(#fff, .5);
 // $shiny-edge-active-color: rgba(#000, .2);
 
+// $column-gutter: rem-calc(30);
+
 // Media Query Ranges
 // $small-range: (0em, 40em);
 // $medium-range: (40.063em, 64em);

diff --git a/scss/foundation/components/_global.scss b/scss/foundation/components/_global.scss
index ffbcfa87cdabe25cbade104cc4962b4f5abfb77f..e4c26d154024477f5842785a612f224a5a10325a 100644 (file)
--- a/scss/foundation/components/_global.scss
+++ b/scss/foundation/components/_global.scss
@@ -250,6 +250,7 @@ $include-html-classes: true !default;
 $include-print-styles: true !default;
 $include-html-global-classes: $include-html-classes !default;
 
+$column-gutter: rem-calc(30) !default;
 
 // Media Query Ranges
 $small-range: (0em, 40em) !default;

diff --git a/scss/foundation/components/_grid.scss b/scss/foundation/components/_grid.scss
index eb9c959af22057e867cf5d3640f40ce4f8f07e12..de65c89de040b91a1965f365ff8872eba79455dd 100644 (file)
--- a/scss/foundation/components/_grid.scss
+++ b/scss/foundation/components/_grid.scss
@@ -11,7 +11,6 @@ $include-html-grid-classes: $include-html-classes !default;
 $include-xl-html-grid-classes: false !default;
 
 $row-width: rem-calc(1000) !default;
-$column-gutter: rem-calc(30) !default;
 $total-columns: 12 !default;
 
 //
@@ -37,7 +36,7 @@ $total-columns: 12 !default;
 
 // For creating container, nested, and collapsed rows.
 //
-// 
+//
 // $behavior - Any special behavior for this row? Default: false. Options: nest, collapse, nest-collapse, false.
 @mixin grid-row($behavior: false) {
 
@@ -90,13 +89,13 @@ $total-columns: 12 !default;
 // $collapse - Get rid of gutter padding on column? Default: false.
 // $float - Should this float? Default: true. Options: true, false, left, right.
 @mixin grid-column(
-  $columns:false, 
-  $last-column:false, 
-  $center:false, 
-  $offset:false, 
-  $push:false, 
-  $pull:false, 
-  $collapse:false, 
+  $columns:false,
+  $last-column:false,
+  $center:false,
+  $offset:false,
+  $push:false,
+  $pull:false,
+  $collapse:false,
   $float:true,
   $position:false) {
 
@@ -199,7 +198,7 @@ $total-columns: 12 !default;
     margin-#{$opposite-direction}: 0;
     left: auto;
     right: auto;
-    float: $default-float; 
+    float: $default-float;
   }
 }