diff options
| author | Volpeon <git@volpeon.ink> | 2021-05-14 12:22:02 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2021-05-14 12:22:02 +0200 |
| commit | f467dd3c0f1aa32007af4c9672f46892f5c95cee (patch) | |
| tree | f5d33fda64003f4a09bfc9bb8b5e6814a026ff70 /assets/css | |
| parent | Better integration of ASCII art (diff) | |
| download | volpeon.ink-f467dd3c0f1aa32007af4c9672f46892f5c95cee.tar.gz volpeon.ink-f467dd3c0f1aa32007af4c9672f46892f5c95cee.tar.bz2 volpeon.ink-f467dd3c0f1aa32007af4c9672f46892f5c95cee.zip | |
Smaller ASCII art
Diffstat (limited to 'assets/css')
| -rw-r--r-- | assets/css/_basics.scss | 4 | ||||
| -rw-r--r-- | assets/css/components/_ascii.scss | 11 |
2 files changed, 8 insertions, 7 deletions
diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss index e216c01..3093949 100644 --- a/assets/css/_basics.scss +++ b/assets/css/_basics.scss | |||
| @@ -52,10 +52,12 @@ code { | |||
| 52 | pre { | 52 | pre { |
| 53 | margin: 0; | 53 | margin: 0; |
| 54 | overflow-x: auto; | 54 | overflow-x: auto; |
| 55 | font-size: 1 / 16 * 15em; | ||
| 55 | line-height: 1.4; | 56 | line-height: 1.4; |
| 56 | 57 | ||
| 57 | code { | 58 | code { |
| 58 | color: currentColor; | 59 | color: currentColor; |
| 60 | font-size: 1em; | ||
| 59 | } | 61 | } |
| 60 | 62 | ||
| 61 | strong { | 63 | strong { |
diff --git a/assets/css/components/_ascii.scss b/assets/css/components/_ascii.scss index 7b5d269..e6bb39f 100644 --- a/assets/css/components/_ascii.scss +++ b/assets/css/components/_ascii.scss | |||
| @@ -7,14 +7,13 @@ | |||
| 7 | )); | 7 | )); |
| 8 | 8 | ||
| 9 | @include component(namespace()) { | 9 | @include component(namespace()) { |
| 10 | overflow: hidden; | 10 | overflow: hidden; |
| 11 | color: prop(--colors --fg); | 11 | color: prop(--colors --fg); |
| 12 | font-family: $font-fam--mono; | 12 | font-family: $font-fam--mono; |
| 13 | font-size: 1rem; | 13 | line-height: 1.4; |
| 14 | line-height: 1.4; | ||
| 15 | 14 | ||
| 16 | &::after { | 15 | &::after { |
| 17 | content: str-repeat('░', 500); | 16 | content: str-repeat('░', 400); |
| 18 | display: block; | 17 | display: block; |
| 19 | margin-top: 1 / 16 * 2em; | 18 | margin-top: 1 / 16 * 2em; |
| 20 | padding-top: 1 / 16 * 2em; | 19 | padding-top: 1 / 16 * 2em; |
