diff options
Diffstat (limited to 'assets/css/_utils.scss')
-rw-r--r-- | assets/css/_utils.scss | 41 |
1 files changed, 39 insertions, 2 deletions
diff --git a/assets/css/_utils.scss b/assets/css/_utils.scss index 5e07d6f..8f8170c 100644 --- a/assets/css/_utils.scss +++ b/assets/css/_utils.scss | |||
@@ -18,12 +18,49 @@ | |||
18 | 18 | ||
19 | @include utility('mt0') { | 19 | @include utility('mt0') { |
20 | margin-top: 0; | 20 | margin-top: 0; |
21 | |||
22 | @each $breakpoint in map-keys($breakpoints) { | ||
23 | @include media('<=#{$breakpoint}') { | ||
24 | @include suffix('#{$breakpoint}-lo') { | ||
25 | margin-top: 0; | ||
26 | } | ||
27 | } | ||
28 | |||
29 | @include media('>#{$breakpoint}') { | ||
30 | @include suffix('#{$breakpoint}-hi') { | ||
31 | margin-top: 0; | ||
32 | } | ||
33 | } | ||
34 | } | ||
35 | } | ||
36 | |||
37 | @include utility('pt0') { | ||
38 | padding-top: 0; | ||
39 | |||
40 | @each $breakpoint in map-keys($breakpoints) { | ||
41 | @include media('<=#{$breakpoint}') { | ||
42 | @include suffix('#{$breakpoint}-lo') { | ||
43 | padding-top: 0; | ||
44 | } | ||
45 | } | ||
46 | |||
47 | @include media('>#{$breakpoint}') { | ||
48 | @include suffix('#{$breakpoint}-hi') { | ||
49 | padding-top: 0; | ||
50 | } | ||
51 | } | ||
52 | } | ||
21 | } | 53 | } |
22 | 54 | ||
23 | @include utility('ml') { | 55 | @include utility('my-auto') { |
24 | margin-left: auto; | 56 | margin-top: auto; |
57 | margin-bottom: auto; | ||
25 | } | 58 | } |
26 | 59 | ||
27 | @include utility('db') { | 60 | @include utility('db') { |
28 | display: block; | 61 | display: block; |
29 | } | 62 | } |
63 | |||
64 | @include utility('ar') { | ||
65 | text-align: right; | ||
66 | } | ||