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