gutter.css in ezy-0.2.6.alpha

- old
+ new

@@ -1,28 +1,37 @@
-/* -------------------------------------------------------------------- *
+/* ------------------------------------------------- *
+ *  Ezy Grid by Frej Raahede Nielsen
+ *  http://github.com/raahede/ezy
+ * ------------------------------------------------- *
+ */
+/* ------------------------------------------------- *
  *  Micro Clearfix 
  *  http://nicolasgallagher.com/micro-clearfix-hack/
  */
-/* -------------------------------------------------------------------- */
+/* --- End clearfix --- */
 /* -------------------------------------------------------------------- *
  * Static grid
  * -------------------------------------------------------------------- */
 /* -------------------------------------------------------------------- *
  * Default gutter property
  */
 .gutter-default-a-1 {
   /* Spanning 1 columns */
   width: 60px;
   float: left;
+  /* Fixing double margin on IE6 */
+  _display: inline;
   margin-left: 15px;
   margin-right: 15px;
 }
 
 .gutter-default-b-1 {
   /* Spanning 2 columns */
   width: 150px;
   float: left;
+  /* Fixing double margin on IE6 */
+  _display: inline;
   margin-left: 15px;
   margin-right: 15px;
 }
 
 /* -------------------------------------------------------------------- *
@@ -30,18 +39,22 @@
  */
 .gutter-padding-a-2 {
   /* Spanning 1 columns */
   width: 60px;
   float: left;
+  /* Fixing double margin on IE6 */
+  _display: inline;
   padding-left: 15px;
   padding-right: 15px;
 }
 
 .gutter-padding-b-2 {
   /* Spanning 2 columns */
   width: 150px;
   float: left;
+  /* Fixing double margin on IE6 */
+  _display: inline;
   padding-left: 15px;
   padding-right: 15px;
 }
 
 /* -------------------------------------------------------------------- *
@@ -49,18 +62,22 @@
  */
 .gutter-default-a-3 {
   /* Spanning 1 columns */
   width: 60px;
   float: left;
+  /* Fixing double margin on IE6 */
+  _display: inline;
   padding-left: 15px;
   padding-right: 15px;
 }
 
 .gutter-default-b-3 {
   /* Spanning 2 columns */
   width: 150px;
   float: left;
+  /* Fixing double margin on IE6 */
+  _display: inline;
   padding-left: 15px;
   padding-right: 15px;
 }
 
 /* -------------------------------------------------------------------- *
@@ -68,29 +85,36 @@
  */
 .gutter-margin-a-4 {
   /* Spanning 1 columns */
   width: 60px;
   float: left;
+  /* Fixing double margin on IE6 */
+  _display: inline;
   margin-left: 15px;
   margin-right: 15px;
 }
 
 .gutter-margin-b-4 {
   /* Spanning 2 columns */
   width: 150px;
   float: left;
+  /* Fixing double margin on IE6 */
+  _display: inline;
   margin-left: 15px;
   margin-right: 15px;
 }
 
 /* -------------------------------------------------------------------- *
  * Trying again, using grid-init()
  * -------------------------------------------------------------------- */
-.gutter-default-a-5, .gutter-default-b-5 {
-  float: left;
+.gutter-default-a-5, .gutter-default-b-5, .gutter-padding-a-6, .gutter-padding-b-6, .gutter-default-a-7, .gutter-default-b-7, .gutter-margin-a-8, .gutter-margin-b-8 {
+  /* Grid column base at a 3-column context */
   margin-left: 15px;
   margin-right: 15px;
+  float: left;
+  /* Fixing double margin on IE6 */
+  _display: inline;
 }
 
 /* -------------------------------------------------------------------- *
  * Default gutter property after grid-init()
  */
@@ -108,68 +132,61 @@
  * Forcing gutter property: padding after grid-init()
  */
 .gutter-padding-a-6 {
   /* Spanning 1 columns */
   width: 60px;
-  float: left;
   padding-left: 15px;
   padding-right: 15px;
 }
 
 .gutter-padding-b-6 {
   /* Spanning 2 columns */
   width: 150px;
-  float: left;
   padding-left: 15px;
   padding-right: 15px;
 }
 
 /* -------------------------------------------------------------------- *
  * Setting default gutter property to padding after grid-init()
  */
 .gutter-default-a-7 {
   /* Spanning 1 columns */
   width: 60px;
-  float: left;
   padding-left: 15px;
   padding-right: 15px;
 }
 
 .gutter-default-b-7 {
   /* Spanning 2 columns */
   width: 150px;
-  float: left;
   padding-left: 15px;
   padding-right: 15px;
 }
 
 /* -------------------------------------------------------------------- *
  * Forcing gutter property: margin after grid-init()
  */
 .gutter-margin-a-8 {
   /* Spanning 1 columns */
   width: 60px;
-  float: left;
-  margin-left: 15px;
-  margin-right: 15px;
 }
 
 .gutter-margin-b-8 {
   /* Spanning 2 columns */
   width: 150px;
-  float: left;
-  margin-left: 15px;
-  margin-right: 15px;
 }
 
 /* -------------------------------------------------------------------- *
  * Again, now with a fluid grid
  * -------------------------------------------------------------------- */
-.gutter-default-a-9, .gutter-default-b-9 {
+.gutter-default-a-9, .gutter-default-b-9, .gutter-padding-a-10, .gutter-padding-b-10, .gutter-default-a-11, .gutter-default-b-11, .gutter-margin-a-12, .gutter-margin-b-12 {
+  /* Grid column base at a 6-column context */
+  margin-left: 2.775%;
+  margin-right: 2.775%;
   float: left;
-  margin-left: 2.77%;
-  margin-right: 2.77%;
+  /* Fixing double margin on IE6 */
+  _display: inline;
 }
 
 /* -------------------------------------------------------------------- *
  * Default gutter property after grid-init()
  */
@@ -187,55 +204,45 @@
  * Forcing gutter property: padding after grid-init()
  */
 .gutter-padding-a-10 {
   /* Spanning 3 of 6 columns */
   width: 44.44%;
-  float: left;
-  padding-left: 2.77%;
-  padding-right: 2.77%;
+  padding-left: 2.775%;
+  padding-right: 2.775%;
 }
 
 .gutter-padding-b-10 {
   /* Spanning 6 of 6 columns */
   width: 94.44%;
-  float: left;
-  padding-left: 2.77%;
-  padding-right: 2.77%;
+  padding-left: 2.775%;
+  padding-right: 2.775%;
 }
 
 /* -------------------------------------------------------------------- *
  * Setting default gutter property to padding after grid-init()
  */
 .gutter-default-a-11 {
   /* Spanning 3 of 6 columns */
   width: 44.44%;
-  float: left;
-  padding-left: 2.77%;
-  padding-right: 2.77%;
+  padding-left: 2.775%;
+  padding-right: 2.775%;
 }
 
 .gutter-default-b-11 {
   /* Spanning 6 of 6 columns */
   width: 94.44%;
-  float: left;
-  padding-left: 2.77%;
-  padding-right: 2.77%;
+  padding-left: 2.775%;
+  padding-right: 2.775%;
 }
 
 /* -------------------------------------------------------------------- *
  * Forcing gutter property: margin after grid-init()
  */
 .gutter-margin-a-12 {
   /* Spanning 3 of 6 columns */
   width: 44.44%;
-  float: left;
-  margin-left: 2.77%;
-  margin-right: 2.77%;
 }
 
 .gutter-margin-b-12 {
   /* Spanning 6 of 6 columns */
   width: 94.44%;
-  float: left;
-  margin-left: 2.77%;
-  margin-right: 2.77%;
 }