summaryrefslogtreecommitdiffstats
path: root/assets
diff options
context:
space:
mode:
Diffstat (limited to 'assets')
-rw-r--r--assets/css/scopes/_body.scss21
1 files changed, 18 insertions, 3 deletions
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 @@
1@include namespace('body') { 1@include namespace('body') {
2 @include store(( 2 @include store((
3 --colors: ( 3 --colors: (
4 --meta: prop(--colors --fg-hi, $global: true), 4 --meta: (
5 --fg: prop(--colors --fg-hi, $global: true),
6 --bg: prop(--colors --bg-hi, $global: true),
7 ),
5 --code: ( 8 --code: (
6 --fg: prop(--colors --accent --strong, $global: true), 9 --fg: prop(--colors --accent --strong, $global: true),
7 --bg: prop(--colors --bg-hi, $global: true), 10 --bg: prop(--colors --bg-hi, $global: true),
8 ), 11 ),
9 --obj-border: prop(--colors --obj, $global: true), 12 --obj-border: prop(--colors --obj, $global: true),
13 ),
14 --dims: (
15 --meta: (
16 --pad-x: .6em,
17 --pad-y: .2em
18 )
10 ) 19 )
11 )); 20 ));
12 21
13 @include store(( 22 @include store((
14 --colors: ( 23 --colors: (
24 --meta: (
25 --bg: prop(--colors --bg, $global: true),
26 ),
15 --code: ( 27 --code: (
16 --bg: prop(--colors --accent --faint, $global: true), 28 --bg: prop(--colors --accent --faint, $global: true),
17 ), 29 ),
@@ -23,8 +35,11 @@
23 font-size: 1 / 16 * 19em; 35 font-size: 1 / 16 * 19em;
24 36
25 @include element('meta') { 37 @include element('meta') {
26 color: prop(--colors --meta); 38 display: inline-block;
27 font-size: 1 / 16 * 15rem; 39 padding: prop(--dims --meta --pad-y) prop(--dims --meta --pad-x);
40 background-color: prop(--colors --meta --bg);
41 color: prop(--colors --meta --fg);
42 font-size: 1 / 16 * 14rem;
28 43
29 + h1 { 44 + h1 {
30 margin-top: $line-height * .5rem; 45 margin-top: $line-height * .5rem;