♻️ refactor: generate-typo-class updated
This commit is contained in:
parent
6274d4d814
commit
03e117b77e
|
@ -13,22 +13,24 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
// Mixin to generate typography css classes
|
// Mixin to generate typography css classes
|
||||||
@mixin generate-typo-class($map) {
|
@mixin generate-typo-class($prefix, $name, $map) {
|
||||||
@each $name, $value in $map {
|
.#{$prefix}-#{$name} {
|
||||||
@if $name == "family" {
|
@each $key, $value in $map {
|
||||||
|
@if $key == "family" {
|
||||||
font-family: $value;
|
font-family: $value;
|
||||||
} @else if $name == "size" {
|
} @else if $key == "size" {
|
||||||
font-size: $value;
|
font-size: $value;
|
||||||
} @else if $name == "weight" {
|
} @else if $key == "weight" {
|
||||||
font-weight: $value;
|
font-weight: $value;
|
||||||
} @else if $name == "line-height" {
|
} @else if $key == "line-height" {
|
||||||
line-height: $value;
|
line-height: $value;
|
||||||
} @else if $name == "style" {
|
} @else if $key == "style" {
|
||||||
font-style: $value;
|
font-style: $value;
|
||||||
} @else if $name == "text-transform" {
|
} @else if $key == "text-transform" {
|
||||||
text-transform: $value;
|
text-transform: $value;
|
||||||
} @else if $name == "text-decoration" {
|
} @else if $key == "text-decoration" {
|
||||||
text-decoration: $value;
|
text-decoration: $value;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user