33 lines
834 B
SCSS
33 lines
834 B
SCSS
:root {
|
|
/* Breakpoints */
|
|
--bp-sm: 640px;
|
|
--bp-md: 768px;
|
|
--bp-lg: 1024px;
|
|
--bp-xl: 1280px;
|
|
--bp-2xl: 1536px;
|
|
|
|
/* Text */
|
|
--text-xs: 0.75rem;
|
|
--text-sm: 0.875rem;
|
|
--text-base: 1rem;
|
|
--text-lg: 1.125rem;
|
|
--text-xl: 1.25rem;
|
|
--text-2xl: 1.5rem;
|
|
--text-3xl: 1.875rem;
|
|
--text-4xl: 2.25rem;
|
|
--text-5xl: 3rem;
|
|
--text-6xl: 3.75rem;
|
|
--text-7xl: 4.5rem;
|
|
--text-8xl: 6rem;
|
|
--text-9xl: 8rem;
|
|
|
|
/* Widths */
|
|
--page--max-width: 48rem;
|
|
|
|
/* Fonts */
|
|
--font--sans-serif: "Mona Sans", Inter, -apple-system, BlinkMacSystemFont, sans-serif;
|
|
--font--sans-serif-alt: "Hubot Sans", Inter, -apple-system, BlinkMacSystemFont, sans-serif;
|
|
--font--mono: "Monaspace Neon", monospace;
|
|
--font--mono--code-comments: "Monaspace Radon", monospace;
|
|
--font--mono--code-docstrings: "Monaspace Xenon", monospace;
|
|
}
|