semi passable css

[pinopress.git] / build / stylesheets / root.css

diff --git a/build/stylesheets/root.css b/build/stylesheets/root.css
index 67f9a26..20db917 100644 (file)
--- a/build/stylesheets/root.css
+++ b/build/stylesheets/root.css
@@ -51,7 +51,13 @@
 body {
     height: 100%;
     margin: 0;
-    padding: 2rem;
+    padding: 0;
+}
+
+nav {
+    background-color: var(--bg-light);
+    padding: 1rem;
+    text-align: right;
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -69,3 +75,20 @@ a:hover {
 strong {
     color: var(--text-light);
 }
+
+pre {
+    background-color: var(--bg-light);
+    padding: 0.75rem;
+}
+
+code {
+    color: var(--text-light);
+    background-color: var(--bg-light);
+}
+
+.article-container, .rolling-container, .archive-container {
+    margin: 0 auto;
+    margin-top: 2rem;
+    width: clamp(40ch, 50%, 80ch);
+}
+