diff options
Diffstat (limited to 'src/_mixins.scss')
| -rw-r--r-- | src/_mixins.scss | 42 |
1 files changed, 21 insertions, 21 deletions
diff --git a/src/_mixins.scss b/src/_mixins.scss index 49d3b6f..8899778 100644 --- a/src/_mixins.scss +++ b/src/_mixins.scss | |||
| @@ -2,37 +2,37 @@ | |||
| 2 | @use 'functions' as fn; | 2 | @use 'functions' as fn; |
| 3 | 3 | ||
| 4 | @mixin set-font($basis, $values: ()) { | 4 | @mixin set-font($basis, $values: ()) { |
| 5 | $values: fn.set-font($basis, $values); | 5 | $values: fn.set-font($basis, $values); |
| 6 | 6 | ||
| 7 | @each $prop, $value in $values { | 7 | @each $prop, $value in $values { |
| 8 | @if $value != null { | 8 | @if $value != null { |
| 9 | #{$prop}: $value; | 9 | #{$prop}: $value; |
| 10 | } | 10 | } |
| 11 | } | 11 | } |
| 12 | } | 12 | } |
| 13 | 13 | ||
| 14 | @mixin heading-strong($size) { | 14 | @mixin heading-strong($size) { |
| 15 | font-size: fn.global-dim(list.join(--heading, $size)); | 15 | font-size: fn.global-dim(list.join(--heading, $size)); |
| 16 | color: fn.global-color(--heading); | 16 | color: fn.global-color(--heading); |
| 17 | } | 17 | } |
| 18 | 18 | ||
| 19 | @mixin heading-medium($size) { | 19 | @mixin heading-medium($size) { |
| 20 | @include set-font(--standard, ( | 20 | @include set-font(--standard, ( |
| 21 | --line-height: null, | 21 | --line-height: null, |
| 22 | --size: fn.global-dim(list.join(--heading, $size)), | 22 | --size: fn.global-dim(list.join(--heading, $size)), |
| 23 | --weight: bold | 23 | --weight: bold |
| 24 | )); | 24 | )); |
| 25 | 25 | ||
| 26 | color: fn.global-color(--heading); | 26 | color: fn.global-color(--heading); |
| 27 | } | 27 | } |
| 28 | 28 | ||
| 29 | @mixin heading-faint($size) { | 29 | @mixin heading-faint($size) { |
| 30 | @include set-font(--standard, ( | 30 | @include set-font(--standard, ( |
| 31 | --line-height: null, | 31 | --line-height: null, |
| 32 | --size: fn.global-dim(list.join(--heading, $size)), | 32 | --size: fn.global-dim(list.join(--heading, $size)), |
| 33 | --weight: 500, | 33 | --weight: 500, |
| 34 | --spacing: 1px | 34 | --spacing: 1px |
| 35 | )); | 35 | )); |
| 36 | 36 | ||
| 37 | color: fn.global-color(--text-mute); | 37 | color: fn.global-color(--text-mute); |
| 38 | } | 38 | } |
