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