_grid.scss 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. /******************************************************************
  2. Site Name:
  3. Author:
  4. Stylesheet: Grid Stylesheet
  5. I've seperated the grid so you can swap it out easily. It's
  6. called at the top the style.scss stylesheet.
  7. ******************************************************************/
  8. /*
  9. This is a combination of the 1140 grid and Twitter Boostrap.
  10. I liked 1140 but Boostrap's grid was way more detailed so
  11. I merged them together, let's see how this works out.
  12. If you want to use 1140, the original values are commented
  13. out on each line.
  14. */
  15. .onecol { width: 5.801104972%; } /* 4.85%; } /* grid_1 */
  16. .twocol { width: 14.364640883%; } /* 13.45%; } /* grid_2 */
  17. .threecol { width: 22.928176794%; } /* 22.05%; } /* grid_3 */
  18. .fourcol { width: 31.491712705%; } /* 30.75%; } /* grid_4 */
  19. .fivecol { width: 40.055248616%; } /* 39.45%; } /* grid_5 */
  20. .sixcol { width: 48.618784527%; } /* 48%; } /* grid_6 */
  21. .sevencol { width: 57.182320438000005%; } /* 56.75%; } /* grid_7 */
  22. .eightcol { width: 65.74585634900001%; } /* 65.4%; } /* grid_8 */
  23. .ninecol { width: 74.30939226%; } /* 74.05%; } /* grid_9 */
  24. .tencol { width: 82.87292817100001%; } /* 82.7%; } /* grid_10 */
  25. .elevencol { width: 91.436464082%; } /* 91.35%; } /* grid_11 */
  26. .twelvecol { width: 99.999999993%; } /* 100%; } /* grid_12 */
  27. /* layout & column defaults */
  28. .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
  29. position: relative;
  30. float: left;
  31. margin-left: 2.762430939%;
  32. }
  33. .first {
  34. margin-left: 0;
  35. }
  36. .last {
  37. float: right;
  38. }