Advertisement
Guest User

Shell Grids

a guest
May 30th, 2012
225
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.85 KB | None | 0 0
  1. /* =Shell Grids (12 Column Grid)
  2. -------------------------------------------------------------- */
  3. .grid {
  4.     float:left;
  5.     margin-bottom:2em;
  6.     padding-top:0;
  7. }
  8.  
  9. .col-60, .col-140, .col-220, .col-300, .col-380, .col-460, .col-540, .col-620, .col-700, .col-780, .col-860 {
  10.     display:inline;
  11.     margin-right:20px;
  12. }
  13.  
  14. .col-60 {
  15.     width:60px;
  16. }
  17.  
  18. .col-140 {
  19.     width:140px;
  20. }
  21.  
  22. .col-220 {
  23.     width:220px;
  24. }
  25.  
  26. .col-300 {
  27.     width:300px;
  28. }
  29.  
  30. .col-380 {
  31.     width:380px;
  32. }
  33.  
  34. .col-460 {
  35.     width:460px;
  36. }
  37.  
  38. .col-540 {
  39.     width:540px;
  40. }
  41.  
  42. .col-620 {
  43.     width:620px;
  44. }
  45.  
  46. .col-700 {
  47.     width:700px;
  48. }
  49.  
  50. .col-780 {
  51.     width:780px;
  52. }
  53.  
  54. .col-860 {
  55.     width:860px;
  56. }
  57.  
  58. .col-940 {
  59.     width:940px;
  60. }
  61.  
  62. /* .fit is the very last item in your grid
  63.    to keep your columns inline and without
  64.    floats
  65. */
  66. .fit {
  67.     margin-left:0!important;
  68.     margin-right:0!important;
  69. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement