You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
25 lines
450 B
SCSS
25 lines
450 B
SCSS
|
|
$columns: 6;
|
|
$gutterWidth: 2; // 2% gutter width
|
|
$columnWidth: (100 - ( $gutterWidth * ( $columns - 1 ))) / $columns;
|
|
|
|
@media ( max-width: 47.9375em ) {
|
|
.m-row {
|
|
|
|
[class*="m-span"] {
|
|
float: left;
|
|
margin-left: $gutterWidth + 0%;
|
|
|
|
&:first-child {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
|
|
@for $i from 1 through 6 {
|
|
.m-span#{$i} {
|
|
width: ($i * $columnWidth) + (($i - 1) * $gutterWidth) + 0%;
|
|
}
|
|
}
|
|
}
|
|
}
|