From ee131010bc85332db483ae2e770495f29c168773 Mon Sep 17 00:00:00 2001
From: Nguyễn Gia Phong <mcsinyx@disroot.org>
Date: Wed, 22 Dec 2021 17:36:16 +0700
Subject: Outsource more to injection phase

---
 _css/style.css | 48 +++++++++++++++++++-----------------------------
 1 file changed, 19 insertions(+), 29 deletions(-)

(limited to '_css')

diff --git a/_css/style.css b/_css/style.css
index 990a1ab..790c177 100644
--- a/_css/style.css
+++ b/_css/style.css
@@ -49,13 +49,6 @@ body { margin: 0 1rem }
 
 .franklin-content .row { display: block }
 
-.franklin-content .left {
-    float: left;
-    margin-right: 1rem;
-}
-
-.franklin-content .right { float: right }
-
 /* Text geometry */
 .franklin-content p {
     hyphens: auto;
@@ -87,7 +80,7 @@ body { margin: 0 1rem }
 }
 
 /* General formatting */
-.franklin-content ol, .franklin-content ul, .franklin-content li p { margin: 0 }
+.franklin-content li p { margin: 0 }
 
 .franklin-content a {
     color: var(--link-fg);
@@ -164,29 +157,30 @@ header a {
 }
 header a:hover { color: var(--text-fg) }
 
-/* Metadata */
-.metadata, .page-foot {
+nav, nav li { display: inline-block }
+nav ul { margin: 0 }
+
+footer, .tags, .right {
     color: var(--fade-fg);
     font-size: 80%;
 }
 
-.metadata {
-    margin-top: -1rem;
-    margin-bottom: 1rem;
-}
-
-.page-foot {
+footer {
     margin-top: 1.5rem;
     margin-bottom: 2rem;
 }
 
-.metadata a, .franklin-content .page-foot a {
-    color: var(--fade-fg);
-    text-decoration: underline;
+footer a, .tags a {
+    color: var(--fade-fg)!important;
+    text-decoration: underline!important;
 }
 
-nav, nav li { display: inline-block }
-nav ul { margin: 0 }
+.nowrap { display: inline-block }
+.tags { float: left }
+.right {
+    float: right;
+    margin-left: auto;
+}
 
 /* Table */
 table {
@@ -237,19 +231,15 @@ code, .hljs {
     display: flex;
     flex-wrap: wrap;
     margin: -0.5rem;
+    margin-bottom: 0;
 }
-.openring .title, .openring .source { margin: 0 }
-.openring .article {
+.openring h3 { margin: 0 0 1ex }
+.openring article {
     background: var(--block-bg);
     display: flex;
     flex-direction: column;
     flex: 1 1 0;
     margin: 1ex;
-    min-width: 15rem;
+    min-width: 12rem;
     padding: 1ex;
 }
-.right {
-    color: var(--fade-fg);
-    font-size: 80%;
-    text-align: right;
-}
-- 
cgit 1.4.1