From 7020f69aabb937663c144274d65569c345e9c06b Mon Sep 17 00:00:00 2001 From: light7734 Date: Mon, 28 Apr 2025 17:23:28 +0330 Subject: [PATCH] wip --- src/app.html | 4 ++++ src/routes/articles/+layout.svelte | 4 ++++ src/routes/articles/article.css | 28 +++++++++++++++++++++------- 3 files changed, 29 insertions(+), 7 deletions(-) diff --git a/src/app.html b/src/app.html index 77a5ff5..e2b7a12 100644 --- a/src/app.html +++ b/src/app.html @@ -3,6 +3,10 @@ + %sveltekit.head% diff --git a/src/routes/articles/+layout.svelte b/src/routes/articles/+layout.svelte index 549bbe0..b3604d3 100644 --- a/src/routes/articles/+layout.svelte +++ b/src/routes/articles/+layout.svelte @@ -4,7 +4,11 @@
+
+
{@render children()}
+ +
diff --git a/src/routes/articles/article.css b/src/routes/articles/article.css index 6704296..4eaa327 100644 --- a/src/routes/articles/article.css +++ b/src/routes/articles/article.css @@ -1,10 +1,12 @@ -* { - color: #fbf1c7; - font-family: Arial, Helvetica, sans-serif -} +@import "tailwindcss"; +@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); -.body { - background-color: #1d2021 +* { + color: #ebdbb2; + font-family: "Inter", sans-serif; + font-optical-sizing: auto; + font-weight: 400; + font-style: normal; } br { @@ -22,12 +24,24 @@ h2 { margin-top: .6em; } +.body { + background-color: #1d2021; + display: flex; +} + .article_body { + flex: 3; margin-left: 10em; margin-right: 10em; padding: 1em; background-color: #282828; text-align: justify; max-width: 80ch; - /* Adjust as necessary */ + + border-left: 1px solid #7c6f64; + border-right: 1px solid #7c6f64; +} + +.article_padding { + flex: 1; }