summaryrefslogtreecommitdiffstats
path: root/assets/css/components
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-05-14 21:18:14 +0200
committerVolpeon <git@volpeon.ink>2021-05-14 21:18:14 +0200
commitb80e8510728b4fc605bd5f6b52d82d320acc2c1f (patch)
tree1135514c2db808cfe03fc4c272f8bbd87e91df79 /assets/css/components
parentSmaller ASCII art (diff)
downloadvolpeon.ink-b80e8510728b4fc605bd5f6b52d82d320acc2c1f.tar.gz
volpeon.ink-b80e8510728b4fc605bd5f6b52d82d320acc2c1f.tar.bz2
volpeon.ink-b80e8510728b4fc605bd5f6b52d82d320acc2c1f.zip
Moved ASCII fox from page list header to general footer
Diffstat (limited to 'assets/css/components')
-rw-r--r--assets/css/components/_ascii.scss32
-rw-r--r--assets/css/components/_footer.scss38
-rw-r--r--assets/css/components/_outer-button.scss6
3 files changed, 29 insertions, 47 deletions
diff --git a/assets/css/components/_ascii.scss b/assets/css/components/_ascii.scss
deleted file mode 100644
index e6bb39f..0000000
--- a/assets/css/components/_ascii.scss
+++ /dev/null
@@ -1,32 +0,0 @@
1@include namespace('ascii') {
2 @include store((
3 --colors: (
4 --fg: prop(--colors --fg-hi, $global: true),
5 --border: prop(--colors --fg-hi, $global: true),
6 )
7 ));
8
9 @include component(namespace()) {
10 overflow: hidden;
11 color: prop(--colors --fg);
12 font-family: $font-fam--mono;
13 line-height: 1.4;
14
15 &::after {
16 content: str-repeat('░', 400);
17 display: block;
18 margin-top: 1 / 16 * 2em;
19 padding-top: 1 / 16 * 2em;
20 border-top: 1px solid prop(--colors --border);
21 color: prop(--colors --fg);
22 }
23
24 @include element('fixed-content') {
25 display: inline-block;
26 position: relative;
27 left: 50%;
28 overflow: visible;
29 transform: translateX(-50%);
30 }
31 }
32}
diff --git a/assets/css/components/_footer.scss b/assets/css/components/_footer.scss
index 4e809a4..2bd1fb1 100644
--- a/assets/css/components/_footer.scss
+++ b/assets/css/components/_footer.scss
@@ -2,26 +2,34 @@
2 @include store(( 2 @include store((
3 --colors: ( 3 --colors: (
4 --fg: prop(--colors --obj, $global: true), 4 --fg: prop(--colors --obj, $global: true),
5 --border: prop(--colors --obj-hi, $global: true), 5 --ground: prop(--colors --obj, $global: true),
6 ) 6 )
7 )); 7 ));
8 8
9 @include component(namespace()) { 9 @include component(namespace()) {
10 display: flex; 10 position: relative;
11 position: relative; 11 min-height: prop(--dims --outer, $global: true);
12 align-items: center; 12 margin-top: calc(2 * #{prop(--container --dims --pad-y, $global: true)});
13 justify-content: space-between; 13 color: prop(--colors --fg);
14 height: prop(--dims --outer, $global: true); 14 font-family: $font-fam--mono;
15 line-height: 1.4;
15 16
16 @include element('content') { 17 &::after {
17 width: 100%; 18 content: str-repeat('░', 400);
18 height: 100%; 19 display: block;
19 margin-top: -1px; 20 margin-top: 1 / 16 * 2em;
20 margin-right: prop(--container --dims --pad-x, $global: true); 21 padding-top: 1 / 16 * 2em;
21 margin-left: prop(--container --dims --pad-x, $global: true); 22 overflow: hidden;
22 border-top: 1px solid prop(--colors --border); 23 border-top: 1px solid prop(--colors --ground);
23 color: prop(--colors --fg); 24 color: prop(--colors --ground);
24 line-height: prop(--dims --outer, $global: true); 25 }
26
27 @include element('ascii') {
28 display: inline-block;
29 position: relative;
30 left: 50%;
31 overflow: visible;
32 transform: translateX(-50%);
25 } 33 }
26 } 34 }
27} 35}
diff --git a/assets/css/components/_outer-button.scss b/assets/css/components/_outer-button.scss
index 21f78f4..2b7775e 100644
--- a/assets/css/components/_outer-button.scss
+++ b/assets/css/components/_outer-button.scss
@@ -35,6 +35,12 @@
35 color: prop(--colors --inverted --fg); 35 color: prop(--colors --inverted --fg);
36 } 36 }
37 37
38 @include modifier('scroll-top') {
39 position: absolute;
40 right: 0;
41 bottom: 0;
42 }
43
38 @include element('icon') { 44 @include element('icon') {
39 display: flex; 45 display: flex;
40 position: relative; 46 position: relative;