diff options
Diffstat (limited to 'assets')
-rw-r--r-- | assets/css/_basics.scss | 9 | ||||
-rw-r--r-- | assets/css/components/_ascii.scss | 14 | ||||
-rw-r--r-- | assets/css/scopes/_body.scss | 7 |
3 files changed, 19 insertions, 11 deletions
diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss index b01e415..e216c01 100644 --- a/assets/css/_basics.scss +++ b/assets/css/_basics.scss | |||
@@ -50,7 +50,7 @@ code { | |||
50 | } | 50 | } |
51 | 51 | ||
52 | pre { | 52 | pre { |
53 | margin: ($line-height * 1rem) 0 0; | 53 | margin: 0; |
54 | overflow-x: auto; | 54 | overflow-x: auto; |
55 | line-height: 1.4; | 55 | line-height: 1.4; |
56 | 56 | ||
@@ -171,10 +171,3 @@ hr { | |||
171 | border: 0; | 171 | border: 0; |
172 | background-color: prop(--colors --obj-hi); | 172 | background-color: prop(--colors --obj-hi); |
173 | } | 173 | } |
174 | |||
175 | blockquote, | ||
176 | pre { | ||
177 | margin: ($line-height * 1rem) 0 0 1px; | ||
178 | padding-left: calc(#{prop(--dims --indent)} - 3px); | ||
179 | border-left: 3px solid prop(--colors --obj); | ||
180 | } | ||
diff --git a/assets/css/components/_ascii.scss b/assets/css/components/_ascii.scss index b32cbfd..7b5d269 100644 --- a/assets/css/components/_ascii.scss +++ b/assets/css/components/_ascii.scss | |||
@@ -7,19 +7,27 @@ | |||
7 | )); | 7 | )); |
8 | 8 | ||
9 | @include component(namespace()) { | 9 | @include component(namespace()) { |
10 | padding-left: 0; | ||
11 | overflow: hidden; | 10 | overflow: hidden; |
12 | border-left: 0; | ||
13 | color: prop(--colors --fg); | 11 | color: prop(--colors --fg); |
12 | font-family: $font-fam--mono; | ||
14 | font-size: 1rem; | 13 | font-size: 1rem; |
14 | line-height: 1.4; | ||
15 | 15 | ||
16 | &::after { | 16 | &::after { |
17 | content: str-repeat('░', 120); | 17 | content: str-repeat('░', 500); |
18 | display: block; | 18 | display: block; |
19 | margin-top: 1 / 16 * 2em; | 19 | margin-top: 1 / 16 * 2em; |
20 | padding-top: 1 / 16 * 2em; | 20 | padding-top: 1 / 16 * 2em; |
21 | border-top: 1px solid prop(--colors --border); | 21 | border-top: 1px solid prop(--colors --border); |
22 | color: prop(--colors --fg); | 22 | color: prop(--colors --fg); |
23 | } | 23 | } |
24 | |||
25 | @include element('fixed-content') { | ||
26 | display: inline-block; | ||
27 | position: relative; | ||
28 | left: 50%; | ||
29 | overflow: visible; | ||
30 | transform: translateX(-50%); | ||
31 | } | ||
24 | } | 32 | } |
25 | } | 33 | } |
diff --git a/assets/css/scopes/_body.scss b/assets/css/scopes/_body.scss index 96231ad..b44e083 100644 --- a/assets/css/scopes/_body.scss +++ b/assets/css/scopes/_body.scss | |||
@@ -23,6 +23,13 @@ | |||
23 | max-width: 100%; | 23 | max-width: 100%; |
24 | } | 24 | } |
25 | 25 | ||
26 | blockquote, | ||
27 | pre { | ||
28 | margin: ($line-height * 1rem) 0 0; | ||
29 | padding-left: calc(#{prop(--dims --indent, $global: true)} - 3px); | ||
30 | border-left: 3px solid prop(--colors --obj, $global: true); | ||
31 | } | ||
32 | |||
26 | @include media('<=sm') { | 33 | @include media('<=sm') { |
27 | font-size: 1 / 16 * 17em; | 34 | font-size: 1 / 16 * 17em; |
28 | } | 35 | } |