43 lines
1.2 KiB
CSS
43 lines
1.2 KiB
CSS
/* ==========================================
|
|
TYPOGRAPHY
|
|
========================================== */
|
|
|
|
:root {
|
|
/* Font Families */
|
|
--font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
|
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
|
--font-mono: 'Fira Code', 'Courier New', monospace;
|
|
|
|
/* Font Sizes */
|
|
--text-xs: 0.7rem; /* 11.2px */
|
|
--text-sm: 0.75rem; /* 12px */
|
|
--text-base: 0.875rem; /* 14px */
|
|
--text-md: 0.95rem; /* 15.2px */
|
|
--text-lg: 1rem; /* 16px */
|
|
--text-xl: 1.125rem; /* 18px */
|
|
--text-2xl: 1.25rem; /* 20px */
|
|
--text-3xl: 1.5rem; /* 24px */
|
|
--text-4xl: 2rem; /* 32px */
|
|
--text-5xl: 2.5rem; /* 40px */
|
|
|
|
/* Font Weights */
|
|
--weight-normal: 400;
|
|
--weight-medium: 500;
|
|
--weight-semibold: 600;
|
|
--weight-bold: 700;
|
|
|
|
/* Line Heights */
|
|
--leading-none: 1;
|
|
--leading-tight: 1.25;
|
|
--leading-normal: 1.5;
|
|
--leading-relaxed: 1.75;
|
|
--leading-loose: 2;
|
|
|
|
/* Letter Spacing */
|
|
--tracking-tight: -0.025em;
|
|
--tracking-normal: 0;
|
|
--tracking-wide: 0.025em;
|
|
--tracking-wider: 0.05em;
|
|
--tracking-widest: 0.1em;
|
|
}
|