32 lines
738 B
CSS
32 lines
738 B
CSS
/* One scale for display (Plex Mono 700) and body (Plex Sans). Line-height tightens as size grows. */
|
|
:root {
|
|
--text-2xs: 10px;
|
|
--text-xs: 11px;
|
|
--text-sm: 13px;
|
|
--text-base: 15px;
|
|
--text-md: 17px;
|
|
--text-lg: 20px;
|
|
--text-xl: 24px;
|
|
--text-2xl: 32px;
|
|
--text-4xl: 44px;
|
|
--text-6xl: 58px;
|
|
--text-7xl: 76px;
|
|
|
|
--leading-display: 1.02;
|
|
--leading-tight: 1.15;
|
|
--leading-snug: 1.3;
|
|
--leading-normal: 1.6;
|
|
--leading-loose: 1.7;
|
|
|
|
/* Plex Mono display tracking is negative; label tracking is wide. */
|
|
--tracking-display: -0.04em;
|
|
--tracking-heading: -0.02em;
|
|
--tracking-normal: 0;
|
|
--tracking-label: 0.14em;
|
|
|
|
--weight-body: 400;
|
|
--weight-medium: 500;
|
|
--weight-semibold: 600;
|
|
--weight-display: 700;
|
|
}
|