mirror of
https://github.com/moparisthebest/mail
synced 2024-11-15 13:45:08 -05:00
15 lines
695 B
SCSS
15 lines
695 B
SCSS
|
// Make a Grid
|
||
|
// Use makeRow and makeColumn to assign semantic layouts grid system behavior
|
||
|
@mixin makeRow($gutter-width: $grid-gutter-width) {
|
||
|
margin-left: $gutter-width * -1;
|
||
|
@include clearfix;
|
||
|
}
|
||
|
@mixin makeColumn($columns: 1, $offset: 0, $column-width: $grid-column-width, $gutter-width: $grid-gutter-width) {
|
||
|
float: left;
|
||
|
margin-left: ($column-width * $offset) + ($gutter-width * ($offset - 1)) + ($gutter-width * 2);
|
||
|
width: ($column-width * $columns) + ($gutter-width * ($columns - 1));
|
||
|
}
|
||
|
@mixin pushColumn($offset: 0, $column-width: $grid-column-width, $gutter-width: $grid-gutter-width) {
|
||
|
position: relative;
|
||
|
left: $offset * ($column-width + $gutter-width);
|
||
|
}
|