fix(css-theme): Use units for scaled text sizes
This commit is contained in:
parent
da5df07716
commit
c5eea00b80
1 changed files with 8 additions and 8 deletions
|
@ -102,33 +102,33 @@ svg.freesewing.pattern {
|
||||||
|
|
||||||
/* Text */
|
/* Text */
|
||||||
text {
|
text {
|
||||||
font-size: calc(6 * var(--freesewing-pattern-scale));
|
font-size: calc(6px * var(--freesewing-pattern-scale));
|
||||||
@include title-font;
|
@include title-font;
|
||||||
text-anchor: start;
|
text-anchor: start;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
dominant-baseline: ideographic;
|
dominant-baseline: ideographic;
|
||||||
}
|
}
|
||||||
.text-xs {
|
.text-xs {
|
||||||
font-size: calc(4 * var(--freesewing-pattern-scale));
|
font-size: calc(4px * var(--freesewing-pattern-scale));
|
||||||
}
|
}
|
||||||
.text-sm {
|
.text-sm {
|
||||||
font-size: calc(5 * var(--freesewing-pattern-scale));
|
font-size: calc(5px * var(--freesewing-pattern-scale));
|
||||||
}
|
}
|
||||||
.text-l {
|
.text-l {
|
||||||
font-size: calc(8 * var(--freesewing-pattern-scale));
|
font-size: calc(8px * var(--freesewing-pattern-scale));
|
||||||
}
|
}
|
||||||
.text-xl {
|
.text-xl {
|
||||||
font-size: calc(10 * var(--freesewing-pattern-scale));
|
font-size: calc(10px * var(--freesewing-pattern-scale));
|
||||||
}
|
}
|
||||||
.text-xxl,
|
.text-xxl,
|
||||||
.text-2xl {
|
.text-2xl {
|
||||||
font-size: calc(12 * var(--freesewing-pattern-scale));
|
font-size: calc(12px * var(--freesewing-pattern-scale));
|
||||||
}
|
}
|
||||||
.text-3xl {
|
.text-3xl {
|
||||||
font-size: calc(16 * var(--freesewing-pattern-scale));
|
font-size: calc(16px * var(--freesewing-pattern-scale));
|
||||||
}
|
}
|
||||||
.text-4xl {
|
.text-4xl {
|
||||||
font-size: calc(22 * var(--freesewing-pattern-scale));
|
font-size: calc(22px * var(--freesewing-pattern-scale));
|
||||||
}
|
}
|
||||||
|
|
||||||
.center {
|
.center {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue