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