39 lines
1.1 KiB
SCSS
39 lines
1.1 KiB
SCSS
|
@mixin span-columns($span: $columns of $container-columns, $display: block) {
|
||
|
|
$columns: nth($span, 1);
|
||
|
|
$container-columns: container-span($span);
|
||
|
|
|
||
|
|
// Set nesting context (used by shift())
|
||
|
|
$parent-columns: get-parent-columns($container-columns);
|
||
|
|
|
||
|
|
$direction: get-direction($layout-direction, $default-layout-direction);
|
||
|
|
$opposite-direction: get-opposite-direction($direction);
|
||
|
|
|
||
|
|
$display-table: is-display-table($container-display-table, $display);
|
||
|
|
|
||
|
|
@if $display-table {
|
||
|
|
$padding: get-padding-for-table-layout($columns, $container-columns);
|
||
|
|
display: table-cell;
|
||
|
|
padding-#{$direction}: $padding;
|
||
|
|
width: flex-grid($columns, $container-columns) + $padding;
|
||
|
|
} @else {
|
||
|
|
display: block;
|
||
|
|
float: #{$opposite-direction};
|
||
|
|
|
||
|
|
@if $display == collapse {
|
||
|
|
width: flex-grid($columns, $container-columns) + flex-gutter($container-columns);
|
||
|
|
|
||
|
|
&:last-child {
|
||
|
|
width: flex-grid($columns, $container-columns);
|
||
|
|
}
|
||
|
|
|
||
|
|
} @else {
|
||
|
|
margin-#{$direction}: flex-gutter($container-columns);
|
||
|
|
width: flex-grid($columns, $container-columns);
|
||
|
|
|
||
|
|
&:last-child {
|
||
|
|
margin-#{$direction}: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|