1 files changed, 25 insertions, 4 deletions

diff --git a/assets/css/scopes/_body.scss b/assets/css/scopes/_body.scss
index faf1ef0..9598290 100644
--- a/assets/css/scopes/_body.scss
+++ b/assets/css/scopes/_body.scss
@@ -1,8 +1,14 @@
 @include namespace('body') {
     @include store((
         --colors: (
-            --emph-fg: prop(--colors --accent --color, $global: true),
-            --emph-bg: prop(--colors --bg-hi, $global: true)
+            --emph: (
+                --fg: prop(--colors --accent --color, $global: true),
+                --bg: prop(--colors --bg-hi, $global: true),
+            ),
+            --meta: (
+                --fg: prop(--colors --fg-hi, $global: true),
+                --bg: prop(--colors --bg-hi, $global: true),
+            )
         )
     ));
 
@@ -62,12 +68,27 @@
             background-image: linear-gradient(
                 to top,
                 transparent .15em,
-                #{prop(--colors --emph-bg)} .15em,
-                #{prop(--colors --emph-bg)} .6em,
+                #{prop(--colors --emph --bg)} .15em,
+                #{prop(--colors --emph --bg)} .6em,
                 transparent .6em
             );
         }
 
+        @include element('meta') {
+            display:   flex;
+            font-size: 1 / 16 * 14rem;
+
+            + h1 {
+                margin-top: $line-height * 1rem;
+            }
+        }
+
+        @include element('meta-item') {
+            padding:          .3em .7em;
+            background-color: prop(--colors --meta --bg);
+            color:            prop(--colors --meta --fg);
+        }
+
         img {
             max-width: 100%;
         }