Skip to content

Instantly share code, notes, and snippets.

@kbariotis
Last active August 29, 2015 14:00
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kbariotis/11328958 to your computer and use it in GitHub Desktop.
Save kbariotis/11328958 to your computer and use it in GitHub Desktop.
Minimal Fluid Grid with LESSCSS
.grid_1 { width:7.5833333333333333333333333333333%; }
.grid_2 { width:15.166666666666666666666666666667%; }
.grid_3 { width:22.75%; }
.grid_4 { width:30.333333333333333333333333333333%; }
.grid_5 { width:37.916666666666666666666666666667%; }
.grid_6 { width:45.5%; }
.grid_7 { width:53.083333333333333333333333333333%; }
.grid_8 { width:60.666666666666666666666666666666%; }
.grid_9 { width:68.25%; }
.grid_10 { width:75.833333333333333333333333333333%; }
.grid_11 { width:83.416666666666666666666666666666%; }
.grid_12 { width:91%; }
.row {
width: 100%;
}
.row .row {
margin: 0 -10px;
width: auto;
display: inline-block;
}
.row [class*="grid"] {
margin: 0 1% 0 0;
display: inline-block;
vertical-align: top;
}
.row [class*="grid"]:last-child {
margin: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment