diff options
Diffstat (limited to 'assets/css/components/_footer.scss')
-rw-r--r-- | assets/css/components/_footer.scss | 24 |
1 files changed, 16 insertions, 8 deletions
diff --git a/assets/css/components/_footer.scss b/assets/css/components/_footer.scss index db30fcd..c20bc22 100644 --- a/assets/css/components/_footer.scss +++ b/assets/css/components/_footer.scss | |||
@@ -1,17 +1,25 @@ | |||
1 | @include namespace('footer') { | 1 | @include namespace('footer') { |
2 | @include store(( | 2 | @include store(( |
3 | --dims: ( | ||
4 | --pad-y: .8em | ||
5 | ), | ||
6 | --colors: ( | 3 | --colors: ( |
7 | --fg: prop(--colors --obj, $global: true) | 4 | --fg: prop(--colors --obj, $global: true), |
5 | --border: prop(--colors --bg-lo, $global: true), | ||
8 | ) | 6 | ) |
9 | )); | 7 | )); |
10 | 8 | ||
11 | @include component(namespace()) { | 9 | @include component(namespace()) { |
12 | padding-top: prop(--dims --pad-y); | 10 | display: flex; |
13 | padding-bottom: prop(--dims --pad-y); | 11 | align-items: center; |
14 | color: prop(--colors --fg); | 12 | justify-content: space-between; |
15 | text-align: right; | 13 | height: prop(--dims --outer, $global: true); |
14 | |||
15 | @include element('content') { | ||
16 | width: 100%; | ||
17 | height: 100%; | ||
18 | margin-right: prop(--dims --outer-spacing, $global: true); | ||
19 | margin-left: prop(--dims --outer-spacing, $global: true); | ||
20 | border-top: 1px solid prop(--colors --border); | ||
21 | color: prop(--colors --fg); | ||
22 | line-height: prop(--dims --outer, $global: true); | ||
23 | } | ||
16 | } | 24 | } |
17 | } | 25 | } |