Now importing the compass/css3 module and set the box model type on g…

…rid blocks to 'box-content' using the box-sizing mixing
adamstac · Jun 22, 2011 · 7d1c8d3 · 7d1c8d3
1 parent 7e96b96
commit 7d1c8d3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/stylesheets/_grid-coordinates.sass b/stylesheets/_grid-coordinates.sass
@@ -1,6 +1,7 @@
-@import compass/utilities
+@import "compass/utilities"
+@import "compass/css3"
 
-// Configure grid coordinates
+// Configure Grid Coordinates
 $grid-columns: 12 !default
 $grid-width: 60px !default
 $grid-gutter-width: 20px !default
@@ -88,6 +89,7 @@ $overflow: true !default
 
 // Grid Block
 =grid-block-base
+  +box-sizing(box-content)
   +float-left
   position: relative
   margin: 0 ($grid-gutter-width / 2)

diff --git a/stylesheets/_grid-coordinates.scss b/stylesheets/_grid-coordinates.scss
@@ -1,6 +1,7 @@
 @import "compass/utilities";
+@import "compass/css3";
 
-// Configure grid coordinates
+// Configure Grid Coordinates
 $grid-columns: 12 !default;
 $grid-width: 60px !default;
 $grid-gutter-width: 20px !default;
@@ -87,6 +88,7 @@ $overflow: true !default;
 
 // Grid Block
 @mixin grid-block-base {
+  @include box-sizing(box-content);
   @include float-left;
   position: relative;
   margin: 0 $grid-gutter-width / 2; }