From 1892bc38d8416a6ec79f37c41a9ffb38b6f44938 Mon Sep 17 00:00:00 2001 From: Loek Le Blansch Date: Fri, 24 Jan 2025 18:36:15 +0100 Subject: minimalize layout --- _sass/theme.scss | 60 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 60 insertions(+) create mode 100644 _sass/theme.scss (limited to '_sass/theme.scss') diff --git a/_sass/theme.scss b/_sass/theme.scss new file mode 100644 index 0000000..f3fd683 --- /dev/null +++ b/_sass/theme.scss @@ -0,0 +1,60 @@ +html { + font-family: "Inter", sans-serif; + font-size: 10pt; + font-feature-settings: "ss07", "ss08"; +} + +code { + font-family: "JetBrainsMono", monospace; + font-size: 9pt; +} + +blockquote { + font-style: italic; + opacity: .8; +} +blockquote::before { + content: ""; + position: absolute; + left: 0; + top: 0; + bottom: 0; + width: 2px; + background-color: currentcolor; +} + +// navbar colors +.invert { + background-color: black; + color: white; +} +nav a.active { + color: canvastext; + background-color: canvas; +} + +// only show underline when hovering link +a { text-decoration: none; } +a:hover { text-decoration: underline; } + +// separator style +hr { + display: block; + border: none; + border-top: 1px dashed; +} + +aside { border-left: 1px dashed; } + +pre { border: 1px solid; } + +.title { font-size: 150%; } + +.plainlink a, +.plainlink a:visited { color: inherit; } + +nav .right a { + opacity: .75; + font-style: italic; +} + -- cgit v1.2.3