39 lines
972 B
CSS
39 lines
972 B
CSS
@layer utility {
|
|
.text-xs {
|
|
/* 12px 支持rem字体放大 */
|
|
font-size: var(--font-size-xs);
|
|
/* 不能超过 16px */
|
|
line-height: var(--line-height-xs);
|
|
}
|
|
.text-sm {
|
|
/* 14px 支持rem字体放大 */
|
|
font-size: var(--font-size-sm);
|
|
/* 不能超过 20px */
|
|
line-height: var(--line-height-sm);
|
|
}
|
|
.text-md {
|
|
/* 16px 支持rem字体放大 */
|
|
font-size: var(--font-size-md);
|
|
/* 不能超过 24px */
|
|
line-height: var(--line-height-md);
|
|
}
|
|
.text-lg {
|
|
/* 18px 支持rem字体放大 */
|
|
font-size: var(--font-size-lg);
|
|
/* 不能超过 28px */
|
|
line-height: var(--line-height-lg);
|
|
}
|
|
.text-xl {
|
|
/* 24px 支持rem字体放大 */
|
|
font-size: var(--font-size-2xl);
|
|
/* 不能超过 32px */
|
|
line-height: var(--line-height-2xl);
|
|
}
|
|
.text-2xl {
|
|
/* 30px 支持rem字体放大 */
|
|
font-size: var(--font-size-2xl);
|
|
/* 不能超过 36px */
|
|
line-height: var(--line-height-2xl);
|
|
}
|
|
}
|