2017-12-19 16:22:41 +01:00
|
|
|
.max-width {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
.width-auto {
|
|
|
|
|
width: auto;
|
|
|
|
|
}
|
2016-02-20 14:48:10 +01:00
|
|
|
|
|
|
|
|
// widths
|
|
|
|
|
@for $i from 1 through 30 {
|
|
|
|
|
.width-#{$i} {
|
2020-04-21 10:42:57 +02:00
|
|
|
width: ($spacer * $i) !important;
|
2016-02-20 14:48:10 +01:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@for $i from 1 through 30 {
|
|
|
|
|
.max-width-#{$i} {
|
2020-04-21 10:42:57 +02:00
|
|
|
max-width: ($spacer * $i) !important;
|
2016-02-20 14:48:10 +01:00
|
|
|
flex-grow: 1;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2018-12-06 13:44:02 +01:00
|
|
|
@for $i from 1 through 30 {
|
|
|
|
|
.min-width-#{$i} {
|
2020-04-21 10:42:57 +02:00
|
|
|
min-width: ($spacer * $i) !important;
|
2018-12-06 13:44:02 +01:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2016-04-18 08:43:11 -04:00
|
|
|
@for $i from 1 through 30 {
|
|
|
|
|
.offset-width-#{$i} {
|
|
|
|
|
margin-left: ($spacer * $i) !important;
|
|
|
|
|
}
|
|
|
|
|
}
|