diff options
Diffstat (limited to 'assets/css/components')
-rw-r--r-- | assets/css/components/_ascii.scss | 14 |
1 files changed, 11 insertions, 3 deletions
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 | } |