folinhilo/defgov
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mm

Browse Source
This commit is contained in:
folinhilo
2026-05-07 02:15:20 +08:00
parent da0a6d0f81
commit ccc46844b6
141 changed files with 2358 additions and 1661 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
packages/css/utility/width.css Normal file
View File

@@ -0,0 +1,38 @@
@layer utility {
.w-item-xs {
/* 24px minimum touch size for text line */
width: var(--height-item-xs);
}
.w-item-sm {
/* 30px save space for most used size */
width: var(--height-item-sm);
}
.w-item-md {
/* 34px most used size */
width: var(--height-item-lg);
}
.w-item-lg {
/* 44px maximum touch size without waste */
width: var(--height-item-lg);
}
.w-item-xl {
/* 64px navigation bar */
width: var(--height-item-xl);
}
/* ---------------------------------------------------- */
.w-inline-xs {
width: calc(var(--font-size-xs) * var(--line-height-xs));
}
.w-inline-sm {
width: calc(var(--font-size-sm) * var(--line-height-sm));
}
.w-inline-md {
width: calc(var(--font-size-md) * var(--line-height-md));
}
.w-inline-lg {
width: calc(var(--font-size-lg) * var(--line-height-lg));
}
.w-inline-xl {
width: calc(var(--font-size-xl) * var(--line-height-xl));
}
}