31 lines
1,001 B
SCSS
31 lines
1,001 B
SCSS
:root {
|
|
--light-1: #efefef;
|
|
--dark-1: #1e1e1e;
|
|
--dark-2: #0f0f0f;
|
|
--primary: #C2B280;
|
|
--primary-light: #D3C7A2;
|
|
--primary-dark: #BAB298;
|
|
--secondary: #B3CF99;
|
|
--secondary-light: #C2D9AD;
|
|
--secondary-dark: #9FAF8F;
|
|
|
|
--background: var(--primary-light);
|
|
--text: var(--dark-1);
|
|
--text-2: var(--dark-2);
|
|
|
|
--font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
|
|
--font-italic: "Georgia", serif;
|
|
--font-code: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
|
|
--font-size: 1.2rem;
|
|
--font-weight-semibold: 700;
|
|
--font-weight-bold: 900;
|
|
--leading: 1.45;
|
|
--gutter: clamp(1ch, 2.5vmax, 3ch);
|
|
--stack: clamp(1.25ex, 1ex + 2.5vmax, 1.75ex);
|
|
--line-length-small: 30ch;
|
|
--line-length: 75ch;
|
|
--line-length-large: 115ch;
|
|
--page-padding-inline: calc((100vw - min(var(--line-length), 80vw)) / 2);
|
|
--border-width: 1px;
|
|
--border-radius: 4px;
|
|
} |