2019-07-07 11:18:12 +05:30
|
|
|
@each $variant, $range in $color-ranges {
|
|
|
|
@each $suffix, $color in $range {
|
|
|
|
#{'.bg-#{$variant}-#{$suffix}'} {
|
|
|
|
background-color: $color;
|
|
|
|
}
|
|
|
|
|
|
|
|
#{'.text-#{$variant}-#{$suffix}'} {
|
|
|
|
color: $color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@each $index, $size in $type-scale {
|
|
|
|
#{'.text-#{$index}'} {
|
|
|
|
font-size: $size;
|
|
|
|
}
|
|
|
|
}
|
2019-12-04 20:38:33 +05:30
|
|
|
|
2019-12-26 22:10:19 +05:30
|
|
|
@each $index, $size in $size-scale {
|
|
|
|
#{'.mw-#{$index}'} {
|
|
|
|
max-width: $size;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-12-04 20:38:33 +05:30
|
|
|
.border-width-1px { border-width: 1px; }
|
|
|
|
.border-style-dashed { border-style: dashed; }
|
|
|
|
.border-style-solid { border-style: solid; }
|
|
|
|
.border-color-blue-300 { border-color: $blue-300; }
|
|
|
|
.border-color-default { border-color: $border-color; }
|
2019-12-26 22:10:19 +05:30
|
|
|
.box-shadow-default { box-shadow: 0 2px 4px 0 $black-transparent; }
|
|
|
|
|
|
|
|
.gl-w-64 { width: px-to-rem($grid-size * 8); }
|
|
|
|
.gl-h-64 { height: px-to-rem($grid-size * 8); }
|