Explorar el Código

adding grid stylesheet

eddiemachado hace 13 años
padre
commit
3f20d780bc
Se han modificado 1 ficheros con 47 adiciones y 0 borrados
  1. 47 0
      library/scss/_grid.scss

+ 47 - 0
library/scss/_grid.scss

@@ -0,0 +1,47 @@
+/******************************************************************
+Site Name:
+Author:
+
+Stylesheet: Grid Stylesheet
+
+I've seperated the grid so you can swap it out easily. It's
+called at the top the style.scss stylesheet.
+
+******************************************************************/
+
+
+
+  /*
+    This is a combination of the 1140 grid and Twitter Boostrap.
+    I liked 1140 but Boostrap's grid was way more detailed so
+    I merged them together, let's see how this works out.
+    If you want to use 1140, the original values are commented
+    out on each line.
+  */
+  .onecol    { width: 5.801104972%;  }       /* 4.85%;  } /* grid_1  */
+  .twocol    { width: 14.364640883%; }       /* 13.45%; } /* grid_2  */
+  .threecol  { width: 22.928176794%; }       /* 22.05%; } /* grid_3  */
+  .fourcol   { width: 31.491712705%; }       /* 30.75%; } /* grid_4  */
+  .fivecol   { width: 40.055248616%; }       /* 39.45%; } /* grid_5  */
+  .sixcol    { width: 48.618784527%; }       /* 48%;    } /* grid_6  */
+  .sevencol  { width: 57.182320438000005%; } /* 56.75%; } /* grid_7  */
+  .eightcol  { width: 65.74585634900001%; }  /* 65.4%;  } /* grid_8  */
+  .ninecol   { width: 74.30939226%; }        /* 74.05%; } /* grid_9  */
+  .tencol    { width: 82.87292817100001%; }  /* 82.7%;  } /* grid_10 */
+  .elevencol { width: 91.436464082%; }       /* 91.35%; } /* grid_11 */
+  .twelvecol { width: 99.999999993%; }       /* 100%;   } /* grid_12 */
+
+  /* layout & column defaults */
+  .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
+    position: relative;
+    float: left;
+    margin-left: 2.762430939%;
+  }
+
+  .first {
+    margin-left: 0;
+  }
+
+  .last {
+    float: right;
+  }