website/_includes/styles/variables.scss

33 lines
771 B
SCSS
Raw Normal View History

2023-07-23 20:21:43 -04:00
: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;
2023-12-03 18:31:25 -05:00
--font--mono--code-comments: "Monaspace Radon", monospace;
2023-07-23 20:21:43 -04:00
}