2020-11-02 08:53:37 +00:00
|
|
|
:root {
|
|
|
|
|
/* The fonts. */
|
|
|
|
|
--body-family: serif;
|
|
|
|
|
--header-family: sans-serif;
|
|
|
|
|
--mono-family: monospace;
|
|
|
|
|
|
|
|
|
|
/* Spacing options. */
|
|
|
|
|
--font-size: 20px;
|
|
|
|
|
--mono-font-size: 0.9em;
|
2023-02-27 08:55:01 +00:00
|
|
|
--vertical-rhythm: calc(1.25 * var(--font-size));
|
|
|
|
|
--content-width: max(750px, 75ch);
|
2022-05-09 12:08:48 +00:00
|
|
|
--code-block-size: 50vh;
|
2020-11-02 08:53:37 +00:00
|
|
|
|
2022-06-13 09:06:52 +00:00
|
|
|
--border-style: var(--base05) solid 1px;
|
2022-05-01 12:38:07 +00:00
|
|
|
--background: var(--base00);
|
|
|
|
|
--foreground: var(--base05);
|
2023-02-27 08:53:18 +00:00
|
|
|
--accent-color: var(--base09);
|
2023-02-27 05:18:09 +00:00
|
|
|
--selection-color: var(--base02);
|
2020-11-02 08:53:37 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
:root {
|
|
|
|
|
font-family: var(--body-family);
|
2023-02-21 06:35:06 +00:00
|
|
|
font-size: clamp(var(--font-size), 1.4vw, calc(var(--font-size) * 3));
|
2022-05-01 12:38:07 +00:00
|
|
|
background: var(--background);
|
|
|
|
|
color: var(--foreground);
|
2020-11-02 08:53:37 +00:00
|
|
|
line-height: var(--vertical-rhythm);
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@import "base";
|
|
|
|
|
@import "layout";
|
|
|
|
|
@import "extend";
|
2021-01-27 16:21:42 +00:00
|
|
|
|
