assets/css/scopes/_colored-links.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

@include namespace('colored-links') {
    @include store((
        --colors: (
            --link: (
                --idle:    hsl(210, 90%, 72%), // hsl(354, 100%, 66%),
                --visited: hsl(270, 60%, 75%), // hsl(354, 50%, 66%),
            )
        )
    ));

    @include scope(namespace()) {
        :link {
            color: prop(--colors --link --idle);
        }

        :visited {
            color: prop(--colors --link --visited);
        }
    }
}