From a7603e4ab6d37e2803474b7623f64bde5d2aae60 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Mon, 24 May 2021 20:52:52 +0200
Subject: Display single page date in a box

---
 assets/css/scopes/_body.scss | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

(limited to 'assets/css/scopes')

diff --git a/assets/css/scopes/_body.scss b/assets/css/scopes/_body.scss
index ededaad..a04512a 100644
--- a/assets/css/scopes/_body.scss
+++ b/assets/css/scopes/_body.scss
@@ -1,17 +1,29 @@
 @include namespace('body') {
     @include store((
         --colors: (
-            --meta: prop(--colors --fg-hi, $global: true),
+            --meta: (
+                --fg: prop(--colors --fg-hi, $global: true),
+                --bg: prop(--colors --bg-hi, $global: true),
+            ),
             --code: (
                 --fg: prop(--colors --accent --strong, $global: true),
                 --bg: prop(--colors --bg-hi, $global: true),
             ),
             --obj-border: prop(--colors --obj, $global: true),
+        ),
+        --dims: (
+            --meta: (
+                --pad-x: .6em,
+                --pad-y: .2em
+            )
         )
     ));
 
     @include store((
         --colors: (
+            --meta: (
+                --bg: prop(--colors --bg, $global: true),
+            ),
             --code: (
                 --bg: prop(--colors --accent --faint, $global: true),
             ),
@@ -23,8 +35,11 @@
         font-size: 1 / 16 * 19em;
 
         @include element('meta') {
-            color:     prop(--colors --meta);
-            font-size: 1 / 16 * 15rem;
+            display:          inline-block;
+            padding:          prop(--dims --meta --pad-y) prop(--dims --meta --pad-x);
+            background-color: prop(--colors --meta --bg);
+            color:            prop(--colors --meta --fg);
+            font-size:        1 / 16 * 14rem;
 
             + h1 {
                 margin-top: $line-height * .5rem;
-- 
cgit v1.2.3-54-g00ecf