]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
updated grid float variables
authorzurbchris <chris@zurb.com>
Fri, 15 Mar 2013 05:13:25 +0000 (22:13 -0700)
committerzurbchris <chris@zurb.com>
Fri, 15 Mar 2013 05:13:25 +0000 (22:13 -0700)
scss/foundation/components/_grid.scss

index 3fc7db8b1afd072596a5818cef23d20683e8d76d..a094b9f838d4705c7e794a8eb7db4222776710b1 100644 (file)
@@ -53,7 +53,7 @@ $total-columns: 12 !default;
 
 
 // For creating columns - @include these inside a media query to control small vs. large grid layouts
-@mixin grid-column($columns:false, $last-column:false, $center:false, $offset:false, $push:false, $pull:false, $collapse:false, $float:false) {
+@mixin grid-column($columns:false, $last-column:false, $center:false, $offset:false, $push:false, $pull:false, $collapse:false, $float:left) {
 
   position: relative;
 
@@ -91,7 +91,7 @@ $total-columns: 12 !default;
   }
 
   @if $float {
-    @if $float == left { float: $default-float; }
+    @if $float == left or true { float: $default-float; }
     @else if $float == right { float: $default-opposite; }
     @else { float: none; }
   }
@@ -121,37 +121,37 @@ $total-columns: 12 !default;
   @media only screen {
 
     .row .column,
-    .row .columns { @include grid-column($columns:false, $float:left); }
+    .row .columns { @include grid-column($columns:false); }
 
     @for $i from 1 through $total-columns {
-      .row .small#{-$i} { @include grid-column($columns:$i,$collapse:null); }
+      .row .small#{-$i} { @include grid-column($columns:$i,$collapse:null,$float:false); }
     }
 
     @for $i from 1 through $total-columns - 2 {
-      .row .small-offset-#{$i} { @include grid-column($offset:$i, $collapse:null); }
+      .row .small-offset-#{$i} { @include grid-column($offset:$i, $collapse:null,$float:false); }
     }
 
     [class*="column"] + [class*="column"]:last-child { float: $default-opposite; }
     [class*="column"] + [class*="column"].end { float: $default-float; }
 
     .column.small-centered,
-    .columns.small-centered { @include grid-column($center:true, $collapse:null, $float:none); }
+    .columns.small-centered { @include grid-column($center:true, $collapse:null, $float:false); }
   }
 
   /* Styles for screens that are atleast 768px; */
   @media #{$small} {
 
     @for $i from 1 through $total-columns {
-      .row .large#{-$i} { @include grid-column($columns:$i,$collapse:null); }
+      .row .large#{-$i} { @include grid-column($columns:$i,$collapse:null,$float:false); }
     }
 
     @for $i from 1 through $total-columns - 2 {
-      .row .large-offset-#{$i} { @include grid-column($offset:$i, $collapse:null); }
+      .row .large-offset-#{$i} { @include grid-column($offset:$i, $collapse:null,$float:false); }
     }
 
     @for $i from 2 through $total-columns - 2 {
-      .push#{-$i} { @include grid-column($push:$i, $collapse:null); }
-      .pull#{-$i} { @include grid-column($pull:$i, $collapse:null); }
+      .push#{-$i} { @include grid-column($push:$i, $collapse:null, $float:false); }
+      .pull#{-$i} { @include grid-column($pull:$i, $collapse:null, $float:false); }
     }
 
     @for $i from 2 through $total-columns - 2 {
@@ -160,7 +160,7 @@ $total-columns: 12 !default;
     }
 
     .column.large-centered,
-    .columns.large-centered { @include grid-column($center:true, $collapse:null, $float:none); }
+    .columns.large-centered { @include grid-column($center:true, $collapse:null, $float:false); }
 
   }