diff options
Diffstat (limited to 'assets/css/scopes/_body.scss')
-rw-r--r-- | assets/css/scopes/_body.scss | 83 |
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 | } | ||