restructure for cgit css

3 files changed, 20 insertions, 81 deletions

diff --git a/site/sass/_fonts.scss b/site/sass/_fonts.scss
deleted file mode 100644
index 2299bca..0000000
--- a/site/sass/_fonts.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-@use "sass:list";
-
-$-faces: (
-  100: ("Thin",       "ThinItalic"),
-  200: ("ExtraLight", "ExtraLightItalic"),
-  300: ("Light",      "LightItalic"),
-  400: ("Regular",    "Italic"),
-  450: ("Text",       "TextItalic"),
-  500: ("Medium",     "MediumItalic"),
-  600: ("SemiBold",   "SemiBoldItalic"),
-  700: ("Bold",       "BoldItalic"),
-);
-
-$-styles: normal italic;
-
-@each $weight, $names in $-faces {
-  @for $i from 1 through 2 {
-    @font-face {
-      font-family: "IBM Plex Mono";
-      src: url("/fonts/mono/IBMPlexMono-#{list.nth($names, $i)}.woff2") format("woff2");
-      font-weight: $weight;
-      font-style: list.nth($-styles, $i);
-      font-display: swap;
-    }
-  }
-}
-
-$mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
diff --git a/site/sass/_palette.scss b/site/sass/_palette.scss
deleted file mode 100644
index b61eb94..0000000
--- a/site/sass/_palette.scss
+++ /dev/null
@@ -1,51 +0,0 @@
-@mixin ayu-dark {
-  color-scheme: dark;
-
-  --bg:         #0F1419; // base00  default background
-  --bg-alt:     #131721; // base01  raised background
-  --bg-sel:     #272D38; // base02  selection background
-  --grey:       #3E4B59; // base03  comments, invisibles
-  --fg-dim:     #BFBDB6; // base04  muted foreground
-  --fg:         #E6E1CF; // base05  default foreground
-  --fg-alt:     #E6E1CF; // base06
-  --fg-bright:  #F3F4F5; // base07  brightest foreground
-
-  --red:        #F07178; // base08
-  --orange:     #FF8F40; // base09
-  --yellow:     #FFB454; // base0A
-  --green:      #B8CC52; // base0B
-  --cyan:       #95E6CB; // base0C
-  --blue:       #59C2FF; // base0D
-  --purple:     #D2A6FF; // base0E
-  --brown:      #E6B673; // base0F
-}
-
-@mixin ayu-light {
-  color-scheme: light;
-
-  --bg:         #FAFAFA; // base00
-  --bg-alt:     #F3F4F5; // base01
-  --bg-sel:     #F8F9FA; // base02
-  --grey:       #ABB0B6; // base03
-  --fg-dim:     #828C99; // base04
-  --fg:         #5C6773; // base05
-  --fg-alt:     #242936; // base06
-  --fg-bright:  #1A1F29; // base07
-
-  --red:        #F07178; // base08
-  --orange:     #FA8D3E; // base09
-  --yellow:     #F2AE49; // base0A
-  --green:      #86B300; // base0B
-  --cyan:       #4CBF99; // base0C
-  --blue:       #36A3D9; // base0D
-  --purple:     #A37ACC; // base0E
-  --brown:      #E6BA7E; // base0F
-}
-
-:root { @include ayu-light; }
-@media (prefers-color-scheme: dark) {
-  :root { @include ayu-dark; }
-}
-
-:root[data-theme="dark"]  { @include ayu-dark; }
-:root[data-theme="light"] { @include ayu-light; }
diff --git a/site/sass/style.scss b/site/sass/style.scss
index 5ce9f88..1daba2d 100644
--- a/site/sass/style.scss
+++ b/site/sass/style.scss
@@ -1,5 +1,6 @@
-@use "palette";
-@use "fonts";
+// shared with the cgit stylesheet, hence the reach out of the zola project
+@use "../../style/palette";
+@use "../../style/fonts";
 
 body {
   background: var(--bg);
@@ -102,6 +103,23 @@ time {
   color: var(--fg-dim);
 }
 
+h1, h2, h3, h4, h5, h6 {
+  line-height: 1.3;
+
+  &::before {
+    color: var(--grey);
+    font-weight: 400;
+    margin-right: 0.4em;
+  }
+}
+
+h1::before { content: "#"; }
+h2::before { content: "##"; }
+h3::before { content: "###"; }
+h4::before { content: "####"; }
+h5::before { content: "#####"; }
+h6::before { content: "######"; }
+
 strong {
   color: var(--orange);
   font-weight: 600;