From ef15a6ec8f14c2398cfd28786c83072888690718 Mon Sep 17 00:00:00 2001
From: Steven Le Rouzic <steven.lerouzic@gmail.com>
Date: Tue, 31 Oct 2023 23:23:51 +0100
Subject: oijoij

---
 sass/theme.scss | 63 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 63 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..c24d30b
--- /dev/null
+++ b/sass/theme.scss
@@ -0,0 +1,63 @@
+@import "_colors.scss";
+@import "_reset.scss";
+@import "_typography.scss";
+
+* {
+    box-sizing: border-box;
+}
+
+body {
+    font-family: "PT Serif", serif;
+    background-color: var(--color-background);
+
+    width: 800px;
+    margin: auto;
+}
+
+hr {
+    border: none;
+    border-top: 1px solid var(--color-outline-variant);
+}
+
+.article-header {
+    margin-top: 16px;
+    margin-bottom: 32px;
+
+    h1 {
+        color: var(--color-on-background);
+        font-size: 32px;
+        font-family: "PT Serif Caption", serif;
+    }
+
+    .info {
+        margin-top: 12px;
+        display: flex;
+        flex-direction: row;
+        gap: 16px;
+        align-items: center;
+
+        .date {
+            color: var(--color-secondary);
+        }
+
+        .tags {
+            display: flex;
+            flex-direction: row;
+            gap: 8px;
+
+            a {
+                display: block;
+                background-color: var(--color-primary-container);
+                color: var(--color-on-primary-container);
+                padding: 4px 12px;
+                border-radius: 999px;
+                text-decoration: none;
+
+                &:hover {
+                    opacity: 80%;
+                }
+            }
+        }
+    }
+}
+
-- 
cgit