This commit is contained in:
2026-04-23 18:17:17 +08:00
parent 3a7b48e483
commit 9890864e5c
76 changed files with 1096 additions and 1631 deletions

View File

@@ -1,36 +1,40 @@
@utility h-xs {
height: calc(var(--spacing) * 5);
@utility h-item-xs {
/* 24px minimum touch size for text line */
height: 24px;
}
@utility h-sm {
height: calc(var(--spacing) * 6);
@utility h-item-sm {
/* 30px save space for most used size */
height: 30px;
}
@utility h-md {
height: calc(var(--spacing) * 8);
@utility h-item-md {
/* 34px most used size */
height: 34px;
}
@utility h-lg {
height: calc(var(--spacing) * 9);
@utility h-item-lg {
/* 46px maximum touch size without waste */
height: 46px;
}
@utility h-xl {
height: calc(var(--spacing) * 11);
@utility h-item-xl {
height: calc(var(--spacing) * 16);
}
@utility h-2xl {
@utility h-item-2xl {
height: calc(var(--spacing) * 16);
}
@utility h-inline-xs {
height: var(--text-xs--line-height);
height: calc(var(--text-xs--line-height) * var(--text-xs));
}
@utility h-inline-sm {
height: var(--text-sm--line-height);
height: calc(var(--text-sm--line-height) * var(--text-sm));
}
@utility h-inline-md {
height: var(--text-base--line-height);
height: calc(var(--text-md--line-height) * var(--text-md));
}
@utility h-inline-lg {
height: var(--text-lg--line-height);
height: calc(var(--text-lg--line-height) * var(--text-lg));
}
@utility h-inline-xl {
height: var(--text-xl--line-height);
height: calc(var(--text-xl--line-height) * var(--text-xl));
}
@utility h-inline-2xl {
height: var(--text-2xl--line-height);
height: calc(var(--text-2xl--line-height) * var(--text-2xl));
}