eigen/trackgo-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 12 Wiki Activity

feat: adjustment theme css for update TYPOGRAPHY SCALES

Browse Source
This commit is contained in:
Firman Ramdhani
2026-07-31 07:16:53 +07:00
parent 61adbd4dac
commit 93ec37f361
1 changed files with 15 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/theme.css
+15 -8
View File
@@ -129,27 +129,34 @@
Base sizes (xs to xl) inherit from Mantine.
Extended sizes (2xl to 9xl) use static rems.
========================================= */
/* text-xs -> 12px */
--text-xs: var(--mantine-font-size-xs);
--text-xs--line-height: calc(1 / 0.75);
--text-xs--line-height: var(--mantine-line-height-xs, 1.4);
/* text-sm -> 13px (Default Component Size) */
--text-sm: var(--mantine-font-size-sm);
--text-sm--line-height: calc(1.25 / 0.875);
--text-sm--line-height: var(--mantine-line-height-sm, 1.45);
/* text-base -> 14px (Mantine's 'md' maps to Tailwind's 'base') */
--text-base: var(--mantine-font-size-md);
--text-base--line-height: calc(1.5 / 1);
--text-base--line-height: var(--mantine-line-height-md, 1.55);
/* text-lg -> 16px */
--text-lg: var(--mantine-font-size-lg);
--text-lg--line-height: calc(1.75 / 1.125);
--text-lg--line-height: var(--mantine-line-height-lg, 1.6);
/* text-xl -> 18px */
--text-xl: var(--mantine-font-size-xl);
--text-xl--line-height: calc(1.75 / 1.25);
--text-xl--line-height: var(--mantine-line-height-xl, 1.65);
/* --- Extended Tailwind Sizes --- */
--text-2xl: 1.5rem;
--text-2xl--line-height: calc(2 / 1.5);
--text-2xl--line-height: 2rem;
--text-3xl: 1.875rem;
--text-3xl--line-height: calc(2.25 / 1.875);
--text-3xl--line-height: 2.25rem;
--text-4xl: 2.25rem;
--text-4xl--line-height: calc(2.5 / 2.25);
--text-4xl--line-height: 2.5rem;
--text-5xl: 3rem;
--text-5xl--line-height: 1;
--text-6xl: 3.75rem;