Moku/Work
1
0
Fork 0
Code Issues Pull Requests Activity

Feat: Icons and Typography

Browse Source
This commit is contained in:
MangoPig
2026-06-13 12:39:11 +01:00
parent fa45b46cd2
commit fdd6fc8376
7 changed files with 103 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
Frontend/src/styles/themes/_tokens.scss
View File

@@ -51,4 +51,35 @@
--motion-duration-base: 220ms;
--motion-duration-slow: 320ms;
--motion-ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
// Typography
// ============================
--font-size-caption: 0.75rem;
--font-size-label: 0.875rem;
--font-size-body: 1rem;
--font-size-title: clamp(1.125rem, 1.05rem + 0.3vw, 1.25rem);
--font-size-heading: clamp(1.5rem, 1.2rem + 1vw, 2.125rem);
--font-size-display: clamp(2.25rem, 1.7rem + 2.2vw, 3.75rem);
--line-height-caption: 1.4;
--line-height-label: 1.35;
--line-height-body: 1.55;
--line-height-title: 1.3;
--line-height-heading: 1.15;
--line-height-display: 1.05;
--font-weight-caption: 500;
--font-weight-label: 600;
--font-weight-body: 400;
--font-weight-title: 600;
--font-weight-heading: 600;
--font-weight-display: 700;
--letter-spacing-caption: 0.01em;
--letter-spacing-label: 0.005em;
--letter-spacing-body: 0;
--letter-spacing-title: -0.01em;
--letter-spacing-heading: -0.02em;
--letter-spacing-display: -0.03em;
}