Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
30 lines (25 sloc) 607 Bytes
$baseline: 1.5em;
$columns: 20, 25, 30, 33, 40, 50, 60, 67, 70, 75, 80, 100;
$min-width: 40em; /* 40 × 16px = 640px */
@media (min-width: $min-width) {
.grid {
margin: 0 (($baseline / 2) * -1);
}
[class*="grid__col--"] {
display: inline-block;
padding: 0 ($baseline / 2);
vertical-align: top;
-webkit-box-sizing: border-box; /* Enables the use of padding without breaking the grid */
-moz-box-sizing: border-box;
box-sizing: border-box;
&.grid {
margin: 0;
padding: 0;
}
}
@each $column in $columns {
.grid__col--#{$column} {
width: $column * 1%;
}
}
}