You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
24 lines
392 B
24 lines
392 B
$span: 100 / $col-span-max;
|
|
|
|
.s-col {
|
|
flex-shrink: 0;
|
|
box-sizing: border-box;
|
|
|
|
@for $i from 1 through $col-span-max {
|
|
&--#{$i} {
|
|
flex-basis: #{($span * $i) + '%'};
|
|
}
|
|
|
|
&--offset-#{$i} {
|
|
margin-left: #{($span * $i) + '%'};
|
|
}
|
|
|
|
&--vertical-offset-#{$i} {
|
|
margin-top: #{($span * $i) + '%'};
|
|
}
|
|
|
|
&--flex-#{$i} {
|
|
flex-grow: #{$i};
|
|
}
|
|
}
|
|
}
|