diff options
Diffstat (limited to 'assets/css/scopes/_colored-links.scss')
| -rw-r--r-- | assets/css/scopes/_colored-links.scss | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/assets/css/scopes/_colored-links.scss b/assets/css/scopes/_colored-links.scss new file mode 100644 index 0000000..25ed289 --- /dev/null +++ b/assets/css/scopes/_colored-links.scss | |||
| @@ -0,0 +1,20 @@ | |||
| 1 | @include namespace('colored-links') { | ||
| 2 | @include store(( | ||
| 3 | --colors: ( | ||
| 4 | --link: ( | ||
| 5 | --idle: hsl(210, 90%, 72%), // hsl(354, 100%, 66%), | ||
| 6 | --visited: hsl(270, 60%, 75%), // hsl(354, 50%, 66%), | ||
| 7 | ) | ||
| 8 | ) | ||
| 9 | )); | ||
| 10 | |||
| 11 | @include scope(namespace()) { | ||
| 12 | :link { | ||
| 13 | color: prop(--colors --link --idle); | ||
| 14 | } | ||
| 15 | |||
| 16 | :visited { | ||
| 17 | color: prop(--colors --link --visited); | ||
| 18 | } | ||
| 19 | } | ||
| 20 | } | ||
