summaryrefslogtreecommitdiffstats
path: root/src/_mixins.scss
blob: dc62870a01f8b922b84498c8cf6a7953f7cf798c (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
@use 'sass:list';
@use 'functions' as fn;

@mixin set-font($basis, $values: ()) {
    $values: fn.set-font($basis, $values);

    @each $prop, $value in $values {
        @if $value != null {
            #{$prop}: $value;
        }
    }
}

@mixin heading-strong($size) {
    color:     fn.foreign-color(--heading, --strong);
    font-size: fn.global-dim(list.join(--heading, $size));
}

@mixin heading-medium($size) {
    @include set-font(--standard, (
        --line-height: null,
        --size:        fn.global-dim(list.join(--heading, $size)),
        --weight:      bold,
        --transform:   uppercase,
        --spacing:     1px
    ));

    transform: none;
    color:     fn.foreign-color(--heading, --strong);
}

@mixin heading-faint($size) {
    @include set-font(--standard, (
        --line-height: null,
        --size:        fn.global-dim(list.join(--heading, $size)),
        --weight:      500,
        --transform:   uppercase,
        --spacing:     1px
    ));

    transform: none;
    color:     fn.foreign-color(--heading, --light);
}