mm
This commit is contained in:
38
packages/css/utility/font-size.css
Normal file
38
packages/css/utility/font-size.css
Normal file
@@ -0,0 +1,38 @@
|
||||
@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);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user