From f561409f1cf476e2cc1112538eb7b724748a2378 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Thu, 29 Apr 2021 20:31:16 +0200
Subject: Update
---
assets/css/scopes/_body.scss | 29 +++++++++++++++++++++++++----
1 file changed, 25 insertions(+), 4 deletions(-)
(limited to 'assets/css/scopes')
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%;
}
--
cgit v1.2.3-70-g09d2