summaryrefslogtreecommitdiffstats
path: root/src/scopes
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-02-15 16:18:54 +0100
committerVolpeon <git@volpeon.ink>2022-02-15 16:18:54 +0100
commit12f7368c6db07db650b7d36dafb6c1289f1a1ffc (patch)
tree6e12a3c93b18aecbe1bec601887bf68a5740aed8 /src/scopes
parentBetter indicator size handling (diff)
downloadiro-design-12f7368c6db07db650b7d36dafb6c1289f1a1ffc.tar.gz
iro-design-12f7368c6db07db650b7d36dafb6c1289f1a1ffc.tar.bz2
iro-design-12f7368c6db07db650b7d36dafb6c1289f1a1ffc.zip
Added scope for colored links
Diffstat (limited to 'src/scopes')
-rw-r--r--src/scopes/_colored-links.scss25
1 files changed, 25 insertions, 0 deletions
diff --git a/src/scopes/_colored-links.scss b/src/scopes/_colored-links.scss
new file mode 100644
index 0000000..d44dffc
--- /dev/null
+++ b/src/scopes/_colored-links.scss
@@ -0,0 +1,25 @@
1@use 'iro-sass/src/index' as iro;
2@use '../functions' as fn;
3
4@include iro.props-namespace('colored-links') {
5 @include iro.props-store((
6 --colors: (
7 --link: (
8 --idle: fn.global-color(--accent --link-idle --obj-lo),
9 --visited: fn.global-color(--accent --link-visited --obj-lo),
10 )
11 )
12 ), 'colors');
13
14 @include iro.bem-scope(iro.props-namespace()) {
15 :link {
16 color: fn.color(--link --idle);
17 text-decoration: underline;
18 }
19
20 :visited {
21 color: fn.color(--link --visited);
22 text-decoration: underline;
23 }
24 }
25}