33 lines
505 B
SCSS
33 lines
505 B
SCSS
/**
|
|
* Grid loop mixin
|
|
*/
|
|
|
|
@mixin grid-loop($name){
|
|
@for $i from 0 through $grid-columns {
|
|
@if $i != 0 {
|
|
.col--#{$name}-#{$i} {
|
|
width: percentage($i/$grid-columns);
|
|
}
|
|
}
|
|
.col--#{$name}-offset-#{$i} {
|
|
margin-left: percentage($i/$grid-columns);
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Clearfix
|
|
*/
|
|
|
|
@mixin clearfix {
|
|
&:before,
|
|
&:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
&:after {
|
|
clear: both;
|
|
}
|
|
}
|