diff options
Diffstat (limited to 'assets/css')
-rw-r--r-- | assets/css/_utils.scss | 4 | ||||
-rw-r--r-- | assets/css/components/_footer.scss | 15 | ||||
-rw-r--r-- | assets/css/components/_post-list.scss | 12 |
3 files changed, 12 insertions, 19 deletions
diff --git a/assets/css/_utils.scss b/assets/css/_utils.scss index e153845..31440c3 100644 --- a/assets/css/_utils.scss +++ b/assets/css/_utils.scss | |||
@@ -73,3 +73,7 @@ | |||
73 | @include utility('db') { | 73 | @include utility('db') { |
74 | display: block; | 74 | display: block; |
75 | } | 75 | } |
76 | |||
77 | @include utility('flex-shrink-0') { | ||
78 | flex-shrink: 0; | ||
79 | } | ||
diff --git a/assets/css/components/_footer.scss b/assets/css/components/_footer.scss index 9cc0d17..3705b79 100644 --- a/assets/css/components/_footer.scss +++ b/assets/css/components/_footer.scss | |||
@@ -2,18 +2,19 @@ | |||
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 | --bg: prop(--colors --bg, $global: true), | ||
5 | --ground: prop(--colors --obj, $global: true), | 6 | --ground: prop(--colors --obj, $global: true), |
6 | ) | 7 | ) |
7 | )); | 8 | )); |
8 | 9 | ||
9 | @include component(namespace()) { | 10 | @include component(namespace()) { |
10 | position: relative; | 11 | position: relative; |
11 | min-height: prop(--dims --outer, $global: true); | 12 | min-height: prop(--dims --outer, $global: true); |
12 | margin-top: prop(--dims --outer, $global: true); | 13 | overflow: hidden; |
13 | overflow: hidden; | 14 | background-color: prop(--colors --bg); |
14 | color: prop(--colors --fg); | 15 | color: prop(--colors --fg); |
15 | font-family: $font-fam--mono; | 16 | font-family: $font-fam--mono; |
16 | line-height: 1.4; | 17 | line-height: 1.4; |
17 | 18 | ||
18 | &::after { | 19 | &::after { |
19 | content: str-repeat('░', 400); | 20 | content: str-repeat('░', 400); |
diff --git a/assets/css/components/_post-list.scss b/assets/css/components/_post-list.scss index dc3eda6..03b5e7a 100644 --- a/assets/css/components/_post-list.scss +++ b/assets/css/components/_post-list.scss | |||
@@ -36,17 +36,5 @@ | |||
36 | margin-top: .6rem; | 36 | margin-top: .6rem; |
37 | } | 37 | } |
38 | } | 38 | } |
39 | |||
40 | @include element('post-title') { | ||
41 | //font-size: 1 / 16 * 17em; | ||
42 | font-weight: normal; | ||
43 | } | ||
44 | |||
45 | @include element('post-date') { | ||
46 | flex: 0 0 auto; | ||
47 | transition: color .2s; | ||
48 | color: prop(--colors --meta --fg); | ||
49 | font-size: 1 / 16 * 14em; | ||
50 | } | ||
51 | } | 39 | } |
52 | } | 40 | } |