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.
53 lines
975 B
53 lines
975 B
@use "design-system";
|
|
@use "sass:map";
|
|
|
|
.typography {
|
|
@include design-system.Paragraph;
|
|
|
|
& b,
|
|
& strong {
|
|
font-weight: 700;
|
|
}
|
|
|
|
@each $variant in map.keys(design-system.$typography-variants) {
|
|
&--#{$variant} {
|
|
@include design-system.typography($variant);
|
|
}
|
|
}
|
|
|
|
@each $variant, $color in design-system.$color-map {
|
|
&--color-#{$variant} {
|
|
color: var($color);
|
|
}
|
|
}
|
|
|
|
@each $weight in design-system.$font-weight {
|
|
&--weight-#{$weight} {
|
|
font-weight: $weight;
|
|
}
|
|
}
|
|
|
|
@each $style in design-system.$font-style {
|
|
&--style-#{$style} {
|
|
font-style: $style;
|
|
}
|
|
}
|
|
|
|
@each $alignment in design-system.$text-align {
|
|
&--align-#{$alignment} {
|
|
text-align: $alignment;
|
|
}
|
|
}
|
|
|
|
@each $overflow in design-system.$overflow-wrap {
|
|
&--overflowwrap-#{$overflow} {
|
|
overflow-wrap: $overflow;
|
|
}
|
|
}
|
|
|
|
@for $i from 1 through 8 {
|
|
&--spacing-#{$i} {
|
|
margin: #{$i * 4}px auto;
|
|
}
|
|
}
|
|
}
|
|
|