summaryrefslogtreecommitdiffstats
path: root/assets/css/scopes/_body.scss
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/scopes/_body.scss')
-rw-r--r--assets/css/scopes/_body.scss83
1 files changed, 0 insertions, 83 deletions
diff --git a/assets/css/scopes/_body.scss b/assets/css/scopes/_body.scss
deleted file mode 100644
index 1fc8166..0000000
--- a/assets/css/scopes/_body.scss
+++ /dev/null
@@ -1,83 +0,0 @@
1@include namespace('body') {
2 @include store((
3 --colors: (
4 --code: (
5 --fg: prop(--colors --accent --strong, $global: true),
6 --bg: prop(--colors --bg-hi, $global: true),
7 ),
8 --code-block: (
9 --fg: prop(--colors --fg, $global: true),
10 --bg: prop(--colors --bg-lo, $global: true),
11 ),
12 --blockquote: (
13 --border: prop(--colors --obj-hi, $global: true),
14 )
15 ),
16 --dims: (
17 --code: (
18 --pad-x: .3em,
19 --pad-y: .1em
20 ),
21 --code-block: (
22 --pad-x: 1em,
23 --pad-y: .7em
24 )
25 )
26 ));
27
28 @include store((
29 --colors: (
30 --code: (
31 --bg: prop(--colors --accent --faint, $global: true),
32 ),
33 --code-block: (
34 --bg: prop(--colors --bg-hi, $global: true),
35 ),
36 )
37 ), 'light');
38
39 @include scope(namespace()) {
40 @include element('meta') {
41 + h1 {
42 margin-top: $line-height * .5rem;
43 }
44 }
45
46 img {
47 max-width: 100%;
48 }
49
50 code {
51 padding: prop(--dims --code --pad-y) prop(--dims --code --pad-x);
52 border-radius: 3px;
53 background-color: prop(--colors --code --bg);
54 color: prop(--colors --code --fg);
55 }
56
57 blockquote {
58 margin: ($line-height * 1rem) 0 0 1px;
59 padding-left: calc(#{prop(--dims --indent, $global: true)} - 3px);
60 border-left: 3px solid prop(--colors --blockquote --border);
61 }
62
63 pre {
64 margin: ($line-height * 1rem) 0 0 0;
65 padding: prop(--dims --code-block --pad-y) prop(--dims --code-block --pad-x);
66 background-color: prop(--colors --code-block --bg);
67 color: prop(--colors --code-block --fg);
68
69 code {
70 display: inline-block;
71 margin-right: prop(--dims --code-block --pad-x);
72 padding: 0;
73 border-radius: 0;
74 background-color: transparent;
75 color: currentColor;
76 }
77
78 @media print {
79 border: 2px solid currentColor;
80 }
81 }
82 }
83}