summaryrefslogtreecommitdiffstats
path: root/src/scopes
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-10-18 19:07:42 +0200
committerVolpeon <git@volpeon.ink>2024-10-18 19:07:42 +0200
commite3d34a6d6ce2db04c3c898ad6a4687a0c59df996 (patch)
tree58b338d738076579030624b563df2365af19782e /src/scopes
parentRefactoring (diff)
downloadiro-design-e3d34a6d6ce2db04c3c898ad6a4687a0c59df996.tar.gz
iro-design-e3d34a6d6ce2db04c3c898ad6a4687a0c59df996.tar.bz2
iro-design-e3d34a6d6ce2db04c3c898ad6a4687a0c59df996.zip
Update
Diffstat (limited to 'src/scopes')
-rw-r--r--src/scopes/_blockquotes.vars.scss14
-rw-r--r--src/scopes/_code.vars.scss26
-rw-r--r--src/scopes/_headings.scss2
-rw-r--r--src/scopes/_implicit.scss22
-rw-r--r--src/scopes/_implicit.vars.scss8
-rw-r--r--src/scopes/_links.vars.scss48
-rw-r--r--src/scopes/_lists.scss4
-rw-r--r--src/scopes/_lists.vars.scss10
-rw-r--r--src/scopes/_tables.vars.scss8
9 files changed, 71 insertions, 71 deletions
diff --git a/src/scopes/_blockquotes.vars.scss b/src/scopes/_blockquotes.vars.scss
index a3f8d85..108392d 100644
--- a/src/scopes/_blockquotes.vars.scss
+++ b/src/scopes/_blockquotes.vars.scss
@@ -1,11 +1,11 @@
1@use '../props'; 1@use '../props';
2@use '../vars'; 2@use '../core';
3@use './implicit.vars' as implicit-vars; 3@use './implicit' as implicit;
4 4
5$indent: props.def(--s-blockquotes--indent, props.get(vars.$list--indent)) !default; 5$indent: props.def(--s-blockquotes--indent, props.get(core.$list--indent)) !default;
6$margin-bs: props.def(--s-blockquotes--margin-bs, props.get(implicit-vars.$paragraph--margin-bs)) !default; 6$margin-bs: props.def(--s-blockquotes--margin-bs, props.get(implicit.$paragraph--margin-bs)) !default;
7$border-width: props.def(--s-blockquotes--border-width, props.get(vars.$border-width--thick)) !default; 7$border-width: props.def(--s-blockquotes--border-width, props.get(core.$border-width--thick)) !default;
8 8
9$compact--indent: props.def(--s-blockquotes--compact--indent, props.get(vars.$list--compact-indent)) !default; 9$compact--indent: props.def(--s-blockquotes--compact--indent, props.get(core.$list--compact-indent)) !default;
10 10
11$border-color: props.def(--s-blockquotes--border-width, props.get(vars.$theme, --border)) !default; 11$border-color: props.def(--s-blockquotes--border-width, props.get(core.$theme, --border)) !default;
diff --git a/src/scopes/_code.vars.scss b/src/scopes/_code.vars.scss
index 27d75f7..7f31b8c 100644
--- a/src/scopes/_code.vars.scss
+++ b/src/scopes/_code.vars.scss
@@ -1,18 +1,18 @@
1@use '../props'; 1@use '../props';
2@use '../vars'; 2@use '../core';
3@use './implicit.vars' as implicit-vars; 3@use './implicit' as implicit;
4 4
5$inline--pad-i: props.def(--s-code--inline--pad-i, props.get(vars.$size--50)) !default; 5$inline--pad-i: props.def(--s-code--inline--pad-i, props.get(core.$size--50)) !default;
6$inline--pad-b: props.def(--s-code--inline--pad-b, props.get(vars.$size--10)) !default; 6$inline--pad-b: props.def(--s-code--inline--pad-b, props.get(core.$size--10)) !default;
7$inline--rounding: props.def(--s-code--inline--rounding, props.get(vars.$rounding)) !default; 7$inline--rounding: props.def(--s-code--inline--rounding, props.get(core.$rounding)) !default;
8 8
9$block--pad-i: props.def(--s-code--block--pad-i, props.get(vars.$size--150)) !default; 9$block--pad-i: props.def(--s-code--block--pad-i, props.get(core.$size--150)) !default;
10$block--pad-b: props.def(--s-code--block--pad-b, props.get(vars.$size--85)) !default; 10$block--pad-b: props.def(--s-code--block--pad-b, props.get(core.$size--85)) !default;
11$block--margin-bs: props.def(--s-code--block--margin-bs, props.get(implicit-vars.$paragraph--margin-bs)) !default; 11$block--margin-bs: props.def(--s-code--block--margin-bs, props.get(implicit.$paragraph--margin-bs)) !default;
12$block--rounding: props.def(--s-code--block--rounding, props.get(vars.$rounding)) !default; 12$block--rounding: props.def(--s-code--block--rounding, props.get(core.$rounding)) !default;
13 13
14$inline--fg: props.def(--s-code--inline--fg, props.get(vars.$theme, --red, --1200)) !default; 14$inline--fg: props.def(--s-code--inline--fg, props.get(core.$theme, --red, --1200)) !default;
15$inline--bg: props.def(--s-code--inline--bg, props.get(vars.$theme, --red, --200)) !default; 15$inline--bg: props.def(--s-code--inline--bg, props.get(core.$theme, --red, --200)) !default;
16 16
17$block--fg: props.def(--s-code--block--fg, props.get(vars.$theme, --text)) !default; 17$block--fg: props.def(--s-code--block--fg, props.get(core.$theme, --text)) !default;
18$block--bg: props.def(--s-code--block--bg, props.get(vars.$theme, --base, --50)) !default; 18$block--bg: props.def(--s-code--block--bg, props.get(core.$theme, --base, --50)) !default;
diff --git a/src/scopes/_headings.scss b/src/scopes/_headings.scss
index e97e9f2..002a392 100644
--- a/src/scopes/_headings.scss
+++ b/src/scopes/_headings.scss
@@ -2,7 +2,7 @@
2@use 'iro-sass/src/iro-sass' as iro; 2@use 'iro-sass/src/iro-sass' as iro;
3@use '../mixins' as mx; 3@use '../mixins' as mx;
4@use '../props'; 4@use '../props';
5@use '../vars'; 5@use '../core';
6 6
7@mixin styles { 7@mixin styles {
8 @include iro.bem-scope('headings') { 8 @include iro.bem-scope('headings') {
diff --git a/src/scopes/_implicit.scss b/src/scopes/_implicit.scss
index 9c17868..d679bdc 100644
--- a/src/scopes/_implicit.scss
+++ b/src/scopes/_implicit.scss
@@ -2,7 +2,7 @@
2@use 'sass:meta'; 2@use 'sass:meta';
3@use 'iro-sass/src/iro-sass' as iro; 3@use 'iro-sass/src/iro-sass' as iro;
4@use '../props'; 4@use '../props';
5@use '../vars' as global-vars; 5@use '../core';
6 6
7@forward 'implicit.vars'; 7@forward 'implicit.vars';
8@use 'implicit.vars' as vars; 8@use 'implicit.vars' as vars;
@@ -11,8 +11,8 @@
11 @include props.materialize(meta.module-variables('vars')); 11 @include props.materialize(meta.module-variables('vars'));
12 12
13 html { 13 html {
14 accent-color: props.get(global-vars.$theme, --accent, --600); 14 accent-color: props.get(core.$theme, --accent, --600);
15 scrollbar-color: props.get(global-vars.$theme, --text-disabled) transparent; 15 scrollbar-color: props.get(core.$theme, --text-disabled) transparent;
16 } 16 }
17 17
18 html, 18 html,
@@ -25,8 +25,8 @@
25 25
26 padding: 0; 26 padding: 0;
27 margin: 0; 27 margin: 0;
28 color: props.get(global-vars.$theme, --text); 28 color: props.get(core.$theme, --text);
29 background-color: props.get(global-vars.$theme, --bg-base); 29 background-color: props.get(core.$theme, --bg-base);
30 } 30 }
31 31
32 pre, 32 pre,
@@ -77,7 +77,7 @@
77 } 77 }
78 78
79 small { 79 small {
80 font-size: props.get(global-vars.$font-size--75); 80 font-size: props.get(core.$font-size--75);
81 } 81 }
82 82
83 ul, 83 ul,
@@ -130,23 +130,23 @@
130 input, 130 input,
131 textarea { 131 textarea {
132 &::placeholder { 132 &::placeholder {
133 color: props.get(global-vars.$theme, --text-mute); 133 color: props.get(core.$theme, --text-mute);
134 opacity: 1; 134 opacity: 1;
135 } 135 }
136 136
137 &:disabled { 137 &:disabled {
138 color: props.get(global-vars.$theme, --text-disabled); 138 color: props.get(core.$theme, --text-disabled);
139 } 139 }
140 } 140 }
141 141
142 textarea { 142 textarea {
143 block-size: calc(1em * props.get(global-vars.$font--standard--line-height)); 143 block-size: calc(1em * props.get(core.$font--standard--line-height));
144 } 144 }
145 145
146 hr { 146 hr {
147 block-size: props.get(global-vars.$border-width--thin); 147 block-size: props.get(core.$border-width--thin);
148 margin: 0; 148 margin: 0;
149 background-color: props.get(global-vars.$theme, --border-color); 149 background-color: props.get(core.$theme, --border-color);
150 border: 0; 150 border: 0;
151 } 151 }
152} 152}
diff --git a/src/scopes/_implicit.vars.scss b/src/scopes/_implicit.vars.scss
index c18ca78..036ace3 100644
--- a/src/scopes/_implicit.vars.scss
+++ b/src/scopes/_implicit.vars.scss
@@ -1,7 +1,7 @@
1@use '../props'; 1@use '../props';
2@use '../vars'; 2@use '../core';
3 3
4$paragraph--margin-bs: props.def(--s-implicit--paragraph--margin-bs, props.get(vars.$size--300)) !default; 4$paragraph--margin-bs: props.def(--s-implicit--paragraph--margin-bs, props.get(core.$size--300)) !default;
5 5
6$heading--margin-bs: props.def(--s-implicit--heading--margin-bs, props.get(vars.$size--700)) !default; 6$heading--margin-bs: props.def(--s-implicit--heading--margin-bs, props.get(core.$size--700)) !default;
7$heading--margin-bs-sibling: props.def(--s-implicit--heading--margin-bs-sibling, props.get(vars.$size--325)) !default; 7$heading--margin-bs-sibling: props.def(--s-implicit--heading--margin-bs-sibling, props.get(core.$size--325)) !default;
diff --git a/src/scopes/_links.vars.scss b/src/scopes/_links.vars.scss
index 7880204..b40cae8 100644
--- a/src/scopes/_links.vars.scss
+++ b/src/scopes/_links.vars.scss
@@ -1,46 +1,46 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use '../props'; 2@use '../props';
3@use '../vars'; 3@use '../core';
4 4
5$rounding: props.def(--s-links--rounding, props.get(vars.$rounding)) !default; 5$rounding: props.def(--s-links--rounding, props.get(core.$rounding)) !default;
6$underline-width: props.def(--s-links--underline-width, props.get(vars.$border-width--thin)) !default; 6$underline-width: props.def(--s-links--underline-width, props.get(core.$border-width--thin)) !default;
7$hover--underline-width: props.def(--s-links--hover--underline-width, props.get(vars.$border-width--medium)) !default; 7$hover--underline-width: props.def(--s-links--hover--underline-width, props.get(core.$border-width--medium)) !default;
8 8
9$key-focus--border-width: props.def(--s-links--key-focus--border-width, props.get(vars.$key-focus--border-width)) !default; 9$key-focus--border-width: props.def(--s-links--key-focus--border-width, props.get(core.$key-focus--border-width)) !default;
10$key-focus--border-offset: props.def(--s-links--key-focus--border-offset, props.get(vars.$key-focus--border-offset)) !default; 10$key-focus--border-offset: props.def(--s-links--key-focus--border-offset, props.get(core.$key-focus--border-offset)) !default;
11$key-focus--outline-width: props.def(--s-links--key-focus--outline-width, props.get(vars.$key-focus--outline-width)) !default; 11$key-focus--outline-width: props.def(--s-links--key-focus--outline-width, props.get(core.$key-focus--outline-width)) !default;
12 12
13$underline-color: props.def(--s-links--underline-color, props.get(vars.$theme, --text-mute-more)) !default; 13$underline-color: props.def(--s-links--underline-color, props.get(core.$theme, --text-mute-more)) !default;
14 14
15$colored--text-color: props.def(--s-links--colored--text-color, props.get(vars.$theme, --accent, --1100)) !default; 15$colored--text-color: props.def(--s-links--colored--text-color, props.get(core.$theme, --accent, --1100)) !default;
16$colored--underline-color: props.def(--s-links--colored--underline-color, props.get(vars.$theme, --accent, --600)) !default; 16$colored--underline-color: props.def(--s-links--colored--underline-color, props.get(core.$theme, --accent, --600)) !default;
17$colored--hover--text-color: props.def(--s-links--colored--hover--text-color, props.get(vars.$theme, --accent, --1300)) !default; 17$colored--hover--text-color: props.def(--s-links--colored--hover--text-color, props.get(core.$theme, --accent, --1300)) !default;
18 18
19$colored--visited--text-color: props.def(--s-links--colored--visited--text-color, props.get(vars.$theme, --purple, --1100)) !default; 19$colored--visited--text-color: props.def(--s-links--colored--visited--text-color, props.get(core.$theme, --purple, --1100)) !default;
20$colored--visited--underline-color: props.def(--s-links--colored--visited--underline-color, props.get(vars.$theme, --purple, --600)) !default; 20$colored--visited--underline-color: props.def(--s-links--colored--visited--underline-color, props.get(core.$theme, --purple, --600)) !default;
21$colored--visited--hover--text-color: props.def(--s-links--colored--visited--hover--text-color, props.get(vars.$theme, --purple, --1300)) !default; 21$colored--visited--hover--text-color: props.def(--s-links--colored--visited--hover--text-color, props.get(core.$theme, --purple, --1300)) !default;
22 22
23$key-focus--text-color: props.def(--s-links--key-focus--text-color, props.get(vars.$theme, --focus, --text)) !default; 23$key-focus--text-color: props.def(--s-links--key-focus--text-color, props.get(core.$theme, --focus, --text)) !default;
24$key-focus--border-color: props.def(--s-links--key-focus--border-color, props.get(vars.$theme, --focus, --border)) !default; 24$key-focus--border-color: props.def(--s-links--key-focus--border-color, props.get(core.$theme, --focus, --border)) !default;
25$key-focus--outline-color: props.def(--s-links--key-focus--outline-color, props.get(vars.$theme, --focus, --outline)) !default; 25$key-focus--outline-color: props.def(--s-links--key-focus--outline-color, props.get(core.$theme, --focus, --outline)) !default;
26 26
27$static-themes: props.def(--s-links); 27$static-themes: props.def(--s-links);
28@each $theme in map.keys(props.get(vars.$transparent-colors)) { 28@each $theme in map.keys(props.get(core.$transparent-colors)) {
29 $link-theme: #{$theme}-static; 29 $link-theme: #{$theme}-static;
30 30
31 $static-themes: props.merge($static-themes, ( 31 $static-themes: props.merge($static-themes, (
32 $link-theme: ( 32 $link-theme: (
33 --text-color: props.get(vars.$transparent-colors, $theme, --800), 33 --text-color: props.get(core.$transparent-colors, $theme, --800),
34 --underline-color: props.get(vars.$transparent-colors, $theme, --500), 34 --underline-color: props.get(core.$transparent-colors, $theme, --500),
35 35
36 --hover: ( 36 --hover: (
37 --text-color: props.get(vars.$transparent-colors, $theme, --900), 37 --text-color: props.get(core.$transparent-colors, $theme, --900),
38 ), 38 ),
39 39
40 --key-focus: ( 40 --key-focus: (
41 --text-color: props.get(vars.$transparent-colors, $theme, --900), 41 --text-color: props.get(core.$transparent-colors, $theme, --900),
42 --border-color: props.get(vars.$transparent-colors, $theme, --900), 42 --border-color: props.get(core.$transparent-colors, $theme, --900),
43 --outline-color: props.get(vars.$transparent-colors, $theme, --300), 43 --outline-color: props.get(core.$transparent-colors, $theme, --300),
44 ), 44 ),
45 ) 45 )
46 )); 46 ));
diff --git a/src/scopes/_lists.scss b/src/scopes/_lists.scss
index db555a9..d5421ca 100644
--- a/src/scopes/_lists.scss
+++ b/src/scopes/_lists.scss
@@ -1,7 +1,7 @@
1@use 'sass:meta'; 1@use 'sass:meta';
2@use 'iro-sass/src/iro-sass' as iro; 2@use 'iro-sass/src/iro-sass' as iro;
3@use '../props'; 3@use '../props';
4@use '../vars' as global-vars; 4@use '../core';
5 5
6@forward 'lists.vars'; 6@forward 'lists.vars';
7@use 'lists.vars' as vars; 7@use 'lists.vars' as vars;
@@ -37,7 +37,7 @@
37 37
38 dt { 38 dt {
39 font-weight: bold; 39 font-weight: bold;
40 color: props.get(global-vars.$theme, --heading); 40 color: props.get(core.$theme, --heading);
41 } 41 }
42 42
43 dd { 43 dd {
diff --git a/src/scopes/_lists.vars.scss b/src/scopes/_lists.vars.scss
index 609cfb5..6dd04ac 100644
--- a/src/scopes/_lists.vars.scss
+++ b/src/scopes/_lists.vars.scss
@@ -1,8 +1,8 @@
1@use '../props'; 1@use '../props';
2@use '../vars'; 2@use '../core';
3@use './implicit.vars' as implicit-vars; 3@use './implicit' as implicit;
4 4
5$indent: props.def(--s-lists--indent, calc(props.get(vars.$list--indent) + 1em)) !default; 5$indent: props.def(--s-lists--indent, calc(props.get(core.$list--indent) + 1em)) !default;
6$margin-bs: props.def(--s-lists--margin-bs, props.get(implicit-vars.$paragraph--margin-bs)) !default; 6$margin-bs: props.def(--s-lists--margin-bs, props.get(implicit.$paragraph--margin-bs)) !default;
7 7
8$compact--indent: props.def(--s-lists--compact--indent, props.get(vars.$list--compact-indent)) !default; 8$compact--indent: props.def(--s-lists--compact--indent, props.get(core.$list--compact-indent)) !default;
diff --git a/src/scopes/_tables.vars.scss b/src/scopes/_tables.vars.scss
index 2c3f255..2d7fed1 100644
--- a/src/scopes/_tables.vars.scss
+++ b/src/scopes/_tables.vars.scss
@@ -1,10 +1,10 @@
1@use '../props'; 1@use '../props';
2@use '../vars'; 2@use '../core';
3 3
4$indent: props.def(--s-lists--indent, calc(props.get(vars.$list--indent) + 1em)) !default; 4$indent: props.def(--s-lists--indent, calc(props.get(core.$list--indent) + 1em)) !default;
5$margin-bs: props.def(--s-lists--margin-bs, props.get(vars.$paragraph--margin-bs)) !default; 5$margin-bs: props.def(--s-lists--margin-bs, props.get(core.$paragraph--margin-bs)) !default;
6 6
7$compact--indent: props.def(--s-lists--compact--indent, props.get(vars.$list--compact-indent)) !default; 7$compact--indent: props.def(--s-lists--compact--indent, props.get(core.$list--compact-indent)) !default;
8 8
9@include iro.props-store(( 9@include iro.props-store((
10 --dims: ( 10 --dims: (