summaryrefslogtreecommitdiffstats
path: root/assets/css
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css')
-rw-r--r--assets/css/_basics.scss9
-rw-r--r--assets/css/components/_ascii.scss14
-rw-r--r--assets/css/scopes/_body.scss7
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
52pre { 52pre {
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
175blockquote,
176pre {
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 }