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.
52 lines
1018 B
52 lines
1018 B
@use 'sass:math';
|
|
|
|
@use 'common/var' as *;
|
|
@use 'mixins/mixins' as *;
|
|
@use 'mixins/_col' as *;
|
|
|
|
[class*='#{$namespace}-col-'] {
|
|
box-sizing: border-box;
|
|
@include when(guttered) {
|
|
display: block;
|
|
min-height: 1px;
|
|
}
|
|
}
|
|
|
|
.#{$namespace}-col-0 {
|
|
display: none;
|
|
// to avoid introducing !important syntax, redundant css rule is required due to selector priority.
|
|
@include when(guttered) {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@for $i from 0 through 24 {
|
|
.#{$namespace}-col-#{$i} {
|
|
max-width: (math.div(1, 24) * $i * 100) * 1%;
|
|
flex: 0 0 (math.div(1, 24) * $i * 100) * 1%;
|
|
}
|
|
|
|
.#{$namespace}-col-offset-#{$i} {
|
|
margin-left: (math.div(1, 24) * $i * 100) * 1%;
|
|
}
|
|
|
|
.#{$namespace}-col-pull-#{$i} {
|
|
position: relative;
|
|
right: (math.div(1, 24) * $i * 100) * 1%;
|
|
}
|
|
|
|
.#{$namespace}-col-push-#{$i} {
|
|
position: relative;
|
|
left: (math.div(1, 24) * $i * 100) * 1%;
|
|
}
|
|
}
|
|
|
|
@include col-size(xs);
|
|
|
|
@include col-size(sm);
|
|
|
|
@include col-size(md);
|
|
|
|
@include col-size(lg);
|
|
|
|
@include col-size(xl);
|
|
|