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 | } | ||
