33 lines
813 B
SCSS
33 lines
813 B
SCSS
@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;
|
|
}
|
|
}
|
|
|
|
@each $index, $size in $size-scale {
|
|
#{'.mw-#{$index}'} {
|
|
max-width: $size;
|
|
}
|
|
}
|
|
|
|
.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; }
|
|
.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); }
|