From 6d3b8739287f8f1c89211b1c785342c2ce9050f5 Mon Sep 17 00:00:00 2001
From: Steven Le Rouzic <steven.lerouzic@gmail.com>
Date: Wed, 1 Nov 2023 21:02:09 +0100
Subject: pokpok

---
 sass/_typography.scss |  6 +++++
 sass/theme.scss       | 73 +++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 79 insertions(+)

(limited to 'sass')

diff --git a/sass/_typography.scss b/sass/_typography.scss
index 9f67009..b6bdf6d 100644
--- a/sass/_typography.scss
+++ b/sass/_typography.scss
@@ -61,6 +61,12 @@
         border-radius: 8px;
     }
 
+    @media (prefers-color-scheme: dark) {
+        pre {
+            border: 1px solid var(--color-outline-variant);
+        }
+    }
+
     ul {
         list-style: square;
     }
diff --git a/sass/theme.scss b/sass/theme.scss
index c24d30b..a9fe693 100644
--- a/sass/theme.scss
+++ b/sass/theme.scss
@@ -27,6 +27,11 @@ hr {
         color: var(--color-on-background);
         font-size: 32px;
         font-family: "PT Serif Caption", serif;
+
+        a {
+            color: inherit;
+            text-decoration: none;
+        }
     }
 
     .info {
@@ -61,3 +66,71 @@ hr {
     }
 }
 
+.pagination {
+    display: flex;
+    flex-direction: row;
+    gap: 16px;
+    font-size: 18px;
+    font-family: "PT Serif Caption", serif;
+    margin: 32px 0px;
+
+    a {
+        display: block;
+        color: var(--color-primary);
+        text-decoration: none;
+
+        &:hover {
+            opacity: 80%;
+        }
+    }
+}
+
+#footer {
+    border-top: 1px solid var(--color-outline-variant);
+    padding: 16px 0px;
+    margin-top: 24px;
+}
+
+#header {
+    margin-bottom: 24px;
+    padding: 20px 0px;
+    border-bottom: 1px solid var(--color-outline-variant);
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+
+    .title_desc {
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
+
+        .title a {
+            text-decoration: none;
+            color: var(--color-on-background);
+            font-size: 28px;
+        }
+
+        .description {
+            color: var(--color-on-surface-variant);
+            font-size: 16px;
+        }
+    }
+
+    .navigation {
+        display: flex;
+        flex-direction: row;
+
+        a {
+            display: block;
+            text-decoration: none;
+            color: var(--color-on-background);
+            padding: 8px 16px;
+            border-radius: 9999px;
+
+            &:hover {
+                background-color: var(--color-primary-container);
+                color: var(--color-on-primary-container);
+            }
+        }
+    }
+}
-- 
cgit