responsive.css in ezy-0.2.6.alpha

- old
+ new

@@ -1,6 +1,11 @@
-/* -------------------------------------------------------------------- *
+/* ------------------------------------------------- *
+ *  Ezy Grid by Frej Raahede Nielsen
+ *  http://github.com/raahede/ezy
+ * ------------------------------------------------- *
+ */
+/* ------------------------------------------------- *
  *  Micro Clearfix 
  *  http://nicolasgallagher.com/micro-clearfix-hack/
  */
 .page:before, .grid:before,
 .page:after,
@@ -19,18 +24,29 @@
    * Include this rule to trigger hasLayout and contain floats.
    */
   *zoom: 1;
 }
 
-/* -------------------------------------------------------------------- */
+/* --- End clearfix --- */
 .page {
   margin-left: auto;
   margin-right: auto;
 }
 
+.column {
+  /* Grid column base at a 4-column context */
+  margin-left: 4.165%;
+  margin-right: 4.165%;
+  float: left;
+  /* Fixing double margin on IE6 */
+  _display: inline;
+}
+
 .page {
   max-width: 1050px;
+  padding-left: 0;
+  padding-right: 0;
 }
 
 .grid {
   margin-left: -4.545%;
   margin-right: -4.545%;
@@ -54,35 +70,29 @@
 }
 
 .column {
   /* Spanning 4 of 4 columns */
   width: 91.66%;
-  float: left;
-  margin-left: 4.16%;
-  margin-right: 4.16%;
 }
 @media (min-width: 361px) {
   .column {
     /* Spanning 4 of 8 columns */
     width: 45.83%;
-    float: left;
     margin-left: 2.08%;
     margin-right: 2.08%;
   }
 }
 @media (min-width: 721px) {
   .column {
     /* Spanning 4 of 12 columns */
     width: 30.55%;
-    float: left;
-    margin-left: 1.38%;
-    margin-right: 1.38%;
+    margin-left: 1.385%;
+    margin-right: 1.385%;
   }
 }
 .no-media-queries .column {
   /* Fallback for browsers not supporting media queries */
   /* Spanning 4 of 12 columns */
   width: 30.55%;
-  float: left;
-  margin-left: 1.38%;
-  margin-right: 1.38%;
+  margin-left: 1.385%;
+  margin-right: 1.385%;
 }