add: some styles and more organization

2024-02-29 12:54:28 +01:00
parent 70ccf24c6b
commit eca5d60fd6
14 changed files with 709 additions and 469 deletions
@@ -0,0 +1,53 @@
+.text-content {
+    $base-font-size: 22px;
+    $heading-scale: 1.33;
+
+    @function pow($number, $exponent) {
+        $value: 1;
+
+        @if $exponent > 0 {
+            @for $i from 1 through $exponent {
+                $value: $value * $number;
+            }
+        }
+
+        @return $value;
+    }
+
+    @for $i from 1 through 5 {
+        h#{$i} {
+            $factor: pow($heading-scale, 5 - $i);
+            font-size: $base-font-size * $factor;
+        }
+    }
+
+    & > * {
+        max-width: 100ch;
+        margin: 0 auto;
+    }
+
+    pre,
+    code {
+        background: #f0f0f0 !important;
+
+        font-family: 'Source Code Pro', monospace;
+        font-weight: 400;
+    }
+
+    pre {
+        margin: 1rem auto;
+
+        padding: 0.5rem;
+
+        max-width: 90ch;
+
+        border-radius: 0.5rem;
+
+        box-shadow: 0.25rem 0.25rem 0 0 #777;
+    }
+
+    code {
+        border-radius: 0.25rem;
+        padding: 0 0.125rem;
+    }
+}