achille-press/sass/abstracts/variables/_typography.scss
gribse 582e4491c0
Some checks failed
CSS Code Linting / Lint CSS (push) Has been cancelled
JS Code Linting / Lint JS (push) Has been cancelled
PHP Code Linting / Parallel lint (push) Has been cancelled
PHP Code Linting / PHPCS check (push) Has been cancelled
clause agent mode "make it look like papermod"
2025-07-26 16:24:01 +02:00

30 lines
1.1 KiB
SCSS
Executable file

// PaperMod inspired typography
// stylelint-disable value-keyword-case
$font__main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
$font__heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
$font__code: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
$font__pre: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
// stylelint-enable value-keyword-case
// Font sizes
$font__size-base: 16px;
$font__size-small: 14px;
$font__size-large: 18px;
$font__size-h1: 2.5rem;
$font__size-h2: 2rem;
$font__size-h3: 1.75rem;
$font__size-h4: 1.5rem;
$font__size-h5: 1.25rem;
$font__size-h6: 1rem;
// Line heights
$font__line-height-body: 1.6;
$font__line-height-heading: 1.3;
$font__line-height-pre: 1.4;
// Font weights
$font__weight-light: 300;
$font__weight-normal: 400;
$font__weight-medium: 500;
$font__weight-semibold: 600;
$font__weight-bold: 700;