Include SASS column count (instead of .columns). Set content width to 96%.

1 files changed, 5 insertions, 10 deletions

diff --git a/test.scss b/test.scss
index 1b69b07..6a1ed3c 100644
--- a/test.scss
+++ b/test.scss
@@ -1,7 +1,8 @@
 @import 'h5bp/helpers';
+@import 'compass/css3';
 
 #content {
-	width: 99.9%;
+	width: 96%;
 	margin: 2%;
 }
 
@@ -34,9 +35,7 @@
 	background-color: Blue;
 }
 .columns {
-	-webkit-column-count: 1; /* Chrome, Safari, Opera */
-	-moz-column-count: 1; /* Firefox */
-	column-count: 1;
+	@include column-count(1);
 }
 }
 
@@ -45,9 +44,7 @@
 	background-color: Black;
 }
 .columns {
-	-webkit-column-count: 2; /* Chrome, Safari, Opera */
-	-moz-column-count: 2; /* Firefox */
-	column-count: 2;
+	@include column-count(2);
 }
 }
 
@@ -56,8 +53,6 @@
 	background-color: Red;
 }
 .columns {
-	-webkit-column-count: 3; /* Chrome, Safari, Opera */
-	-moz-column-count: 3; /* Firefox */
-	column-count: 3;
+	@include column-count(3);
 }
 }