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;
|
|
|
|
|
--vertical-rhythm: 24px;
|
|
|
|
|
--content-width: 750px;
|
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);
|
|
|
|
|
--accent-color: var(--base0C);
|
2020-11-02 08:53:37 +00:00
|
|
|
}
|
|
|
|
|
|
2021-01-20 19:16:26 +00:00
|
|
|
$mobile-breakpoint: 600px;
|
|
|
|
|
$tablet-breakpoint: 860px;
|
|
|
|
|
|
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;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@mixin header-link-hover-style {
|
|
|
|
|
> *:hover {
|
2022-05-01 12:38:07 +00:00
|
|
|
color: var(--accent-color);
|
2020-11-02 08:53:37 +00:00
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@import "base";
|
|
|
|
|
@import "layout";
|
|
|
|
|
@import "extend";
|
2021-01-27 16:21:42 +00:00
|
|
|
|
