diff options
| -rw-r--r-- | assets/css/_basics.scss | 4 | ||||
| -rw-r--r-- | assets/css/components/_ascii.scss | 11 | ||||
| -rw-r--r-- | templates/layouts/categorized_list.html | 18 |
3 files changed, 17 insertions, 16 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; |
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html index 7be9276..ef3b8fc 100644 --- a/templates/layouts/categorized_list.html +++ b/templates/layouts/categorized_list.html | |||
| @@ -3,22 +3,22 @@ | |||
| 3 | <pre class="c-ascii__fixed-content u-dn@sm-lo"> | 3 | <pre class="c-ascii__fixed-content u-dn@sm-lo"> |
| 4 | 4 | ||
| 5 | | | | ' ' ' ' ' | | ' ' | | 5 | | | | ' ' ' ' ' | | ' ' | |
| 6 | | | ' | ' ' ' ' ' | | ' ' | | 6 | | | ' | ' ' ' ' ' | : | ' ' | |
| 7 | ' | | . | ' ' ' ' ' | : | ' ' | | 7 | ' | | . | ' ' ' ' ' | | ' ' | |
| 8 | | __~| | | ' ' ' ' ' | | | ' ' | | | 8 | | __~| | | ' ' ' ' ' | | | ' ' | | |
| 9 | |__ ,( |' |_ ' ' ' <strong>//\_</strong> ' | ' . | ' ' | ' | 9 | |__ ,( |' |_ ' ' ' <strong>//\_</strong> ' | ' . | ' ' | ' |
| 10 | '| )~._ _( . ) .| ) ' <strong>____,...,______..,_~`` -`..,</strong> ' | ' | . ( ' ' | | 10 | '| )~._ _( . ) .| ) ' <strong>____,...,______..,_~`` -`..,</strong> ' | ' | . ( ' ' | |
| 11 | |, __´ ) ( | | | ` <strong>_,~´"' , . ,~--´</strong> ' _| | . |~~.__ ´ ' '__,. | | 11 | |, __´ ) ( | | | ` <strong>_,~´"' , . ,~--´</strong> ' _| | . |~~.__ ´ ' '__,. | |
| 12 | | | _.~( _ | ' ~( <strong>,-" _.-|~/ |..,____,) ,/,,"'</strong> '_( | ' |) ) . ' ( )~-_ | ' | 12 | | | _.~( _ | ' ~( <strong>,-" _.-|~/ |..,____,) ,/,,"'</strong> '_( | ' |) ) . ' ( )~-_ | ' |
| 13 | | (_ ( ´ | ( ' <strong>\__,~"´ /:) / |:\ \</strong> ,~( ) . | | ) `, ' _/- .. , _) | | 13 | | (_ ) ´- | ( ' <strong>\__,~"´ /:) / |:\ \</strong> ,~( ) . | | ) `, ' _/- .. , _) | |
| 14 | ´ ( . : / : . : <strong>(:/\_-, \:.\_-,</strong> . \ .\ . : \ . ) . ' ,( . / </pre> | 14 | ` ( . : / : . : <strong>(:/\_-, \:.\_-,</strong> . \ .\ . : \ . ) . ' ,( . / </pre> |
| 15 | 15 | ||
| 16 | <pre class="c-ascii__fixed-content u-dn@sm-hi"> | 16 | <pre class="c-ascii__fixed-content u-dn@sm-hi"> |
| 17 | 17 | ||
| 18 | | | ' ' ' | | ' ' | 18 | | | ' ' ' | | ' ' |
| 19 | | ' | ' ' ' | | ' ' | 19 | | ' | ' ' ' | ' | ' ' |
| 20 | | | ' ' ' | | ' ' | 20 | | | ' ' ' | . | ' ' |
| 21 | | . | ' ' <strong>//\__</strong> ' | . | ' ' | 21 | | . | ' ' <strong>//\__</strong> ' | | ' ' |
| 22 | | | <strong>_.~-"""-----~`` ,-´</strong> ' |' | ' ' | 22 | | | <strong>_.~-"""-----~`` ,-´</strong> ' |' | ' ' |
| 23 | | | '| <strong>.´ ,~'\ ).,__,)/,,"</strong> ' | | | ' ' | 23 | | | '| <strong>.´ ,~'\ ).,__,)/,,"</strong> ' | | | ' ' |
| 24 | _| |_ <strong>`~´ (/\\, (/\\,</strong> _' _| ' |_ _' '_</pre> | 24 | _| |_ <strong>`~´ (/\\, (/\\,</strong> _' _| ' |_ _' '_</pre> |