diff options
Diffstat (limited to 'assets/css')
-rw-r--r-- | assets/css/_utils.scss | 31 | ||||
-rw-r--r-- | assets/css/components/_footer.scss | 2 |
2 files changed, 16 insertions, 17 deletions
diff --git a/assets/css/_utils.scss b/assets/css/_utils.scss index 3ca80ff..e153845 100644 --- a/assets/css/_utils.scss +++ b/assets/css/_utils.scss | |||
@@ -52,25 +52,24 @@ | |||
52 | } | 52 | } |
53 | } | 53 | } |
54 | 54 | ||
55 | @include utility('mta') { | 55 | @include utility('pb0') { |
56 | margin-top: auto; | 56 | padding-bottom: 0; |
57 | } | 57 | |
58 | @each $breakpoint in map-keys($breakpoints) { | ||
59 | @include media('<=#{$breakpoint}') { | ||
60 | @include suffix('#{$breakpoint}-lo') { | ||
61 | padding-bottom: 0; | ||
62 | } | ||
63 | } | ||
58 | 64 | ||
59 | @include utility('mla') { | 65 | @include media('>#{$breakpoint}') { |
60 | margin-left: auto; | 66 | @include suffix('#{$breakpoint}-hi') { |
67 | padding-bottom: 0; | ||
68 | } | ||
69 | } | ||
70 | } | ||
61 | } | 71 | } |
62 | 72 | ||
63 | @include utility('db') { | 73 | @include utility('db') { |
64 | display: block; | 74 | display: block; |
65 | } | 75 | } |
66 | |||
67 | @include utility('vh') { | ||
68 | position: absolute; | ||
69 | width: 0; | ||
70 | height: 0; | ||
71 | overflow: hidden; | ||
72 | } | ||
73 | |||
74 | @include utility('ar') { | ||
75 | text-align: right; | ||
76 | } | ||
diff --git a/assets/css/components/_footer.scss b/assets/css/components/_footer.scss index da471e7..9cc0d17 100644 --- a/assets/css/components/_footer.scss +++ b/assets/css/components/_footer.scss | |||
@@ -9,7 +9,7 @@ | |||
9 | @include component(namespace()) { | 9 | @include component(namespace()) { |
10 | position: relative; | 10 | position: relative; |
11 | min-height: prop(--dims --outer, $global: true); | 11 | min-height: prop(--dims --outer, $global: true); |
12 | margin-top: calc(2 * #{prop(--container --dims --pad-y, $global: true)}); | 12 | margin-top: prop(--dims --outer, $global: true); |
13 | overflow: hidden; | 13 | overflow: hidden; |
14 | color: prop(--colors --fg); | 14 | color: prop(--colors --fg); |
15 | font-family: $font-fam--mono; | 15 | font-family: $font-fam--mono; |