advanced code snippet search

Posted By

GavinHall on 12/17/09


Tagged

textmate


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

rascoop


Grid System

 / Published in: Other
 
Expand | Embed | Plain Text 
  1. /* Grid » Global
  2. ----------------------------------------------------------------------------------------------------*/
  3.  
  4. .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16{display:inline; float:left; position:relative; margin-left:5px; margin-right:5px}.alpha{margin-left:0}.omega{margin-right:0}
  5.  
  6. /* Grid » 16 Columns
  7. ----------------------------------------------------------------------------------------------------*/
  8.  
  9. .container_16 .grid_1{width:50px}.container_16 .grid_2{width:110px}.container_16 .grid_3{width:170px}.container_16 .grid_4{width:230px}.container_16 .grid_5{width:290px}.container_16 .grid_6{width:350px}.container_16 .grid_7{width:410px}.container_16 .grid_8{width:470px}.container_16 .grid_9{width:530px}.container_16 .grid_10{width:590px}.container_16 .grid_11{width:650px}.container_16 .grid_12{width:710px}.container_16 .grid_13{width:770px}.container_16 .grid_14{width:830px}.container_16 .grid_15{width:890px}.container_16 .grid_16{width:950px}
  10.  
  11.  
  12. /* Prefix Extra Space » 16 Columns
  13. ----------------------------------------------------------------------------------------------------*/
  14.  
  15. .container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_4{padding-left:240px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_8{padding-left:480px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_12{padding-left:720px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}
  16.  
  17. /* Suffix Extra Space » 16 Columns
  18. ----------------------------------------------------------------------------------------------------*/
  19.  
  20. .container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_4{padding-right:240px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_8{padding-right:480px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_12{padding-right:720px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}
  21.  
  22. /* Push Space » 16 Columns
  23. ----------------------------------------------------------------------------------------------------*/
  24.  
  25. .container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_4{left:240px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_8{left:480px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_12{left:720px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}
  26.  
  27.  
  28.  
  29. /* Pull Space » 16 Columns
  30. ----------------------------------------------------------------------------------------------------*/
  31.  
  32. .container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_4{left:-240px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_8{left:-480px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_12{left:-720px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}

Report this snippet  

You need to login to post a comment.