diff options
author | Volpeon <git@volpeon.ink> | 2024-10-22 08:23:33 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2024-10-22 08:23:33 +0200 |
commit | 5855a6821cf5585378a70f9bee13563bdbfe2d86 (patch) | |
tree | 0ee25906c9e73912137a56b7d6214c89bf43e8a6 /src/scopes | |
parent | Update (diff) | |
download | iro-design-5855a6821cf5585378a70f9bee13563bdbfe2d86.tar.gz iro-design-5855a6821cf5585378a70f9bee13563bdbfe2d86.tar.bz2 iro-design-5855a6821cf5585378a70f9bee13563bdbfe2d86.zip |
Less broad imports
Diffstat (limited to 'src/scopes')
-rw-r--r-- | src/scopes/_blockquotes.scss | 6 | ||||
-rw-r--r-- | src/scopes/_code.scss | 4 | ||||
-rw-r--r-- | src/scopes/_headings.scss | 8 | ||||
-rw-r--r-- | src/scopes/_implicit.scss | 2 | ||||
-rw-r--r-- | src/scopes/_links.scss | 10 | ||||
-rw-r--r-- | src/scopes/_lists.scss | 6 | ||||
-rw-r--r-- | src/scopes/_tables.scss | 8 |
7 files changed, 22 insertions, 22 deletions
diff --git a/src/scopes/_blockquotes.scss b/src/scopes/_blockquotes.scss index 7406c89..7989cb7 100644 --- a/src/scopes/_blockquotes.scss +++ b/src/scopes/_blockquotes.scss | |||
@@ -1,5 +1,5 @@ | |||
1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/bem' as bem; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../props' as *; | 4 | @use '../props' as *; |
5 | 5 | ||
@@ -9,7 +9,7 @@ | |||
9 | @mixin styles { | 9 | @mixin styles { |
10 | @include materialize-at-root(meta.module-variables('vars')); | 10 | @include materialize-at-root(meta.module-variables('vars')); |
11 | 11 | ||
12 | @include iro.bem-scope('blockquotes') { | 12 | @include bem.scope('blockquotes') { |
13 | blockquote { | 13 | blockquote { |
14 | padding-inline-start: calc(props.get(vars.$indent) - props.get(vars.$border-width)); | 14 | padding-inline-start: calc(props.get(vars.$indent) - props.get(vars.$border-width)); |
15 | margin-block: props.get(vars.$margin-bs); | 15 | margin-block: props.get(vars.$margin-bs); |
@@ -17,7 +17,7 @@ | |||
17 | border-inline-start: props.get(vars.$border-width) solid props.get(vars.$border-color); | 17 | border-inline-start: props.get(vars.$border-width) solid props.get(vars.$border-color); |
18 | } | 18 | } |
19 | 19 | ||
20 | @include iro.bem-modifier('compact') { | 20 | @include bem.modifier('compact') { |
21 | blockquote { | 21 | blockquote { |
22 | padding-inline-start: calc(props.get(vars.$compact--indent) - props.get(vars.$border-width)); | 22 | padding-inline-start: calc(props.get(vars.$compact--indent) - props.get(vars.$border-width)); |
23 | } | 23 | } |
diff --git a/src/scopes/_code.scss b/src/scopes/_code.scss index 5035879..367a110 100644 --- a/src/scopes/_code.scss +++ b/src/scopes/_code.scss | |||
@@ -1,5 +1,5 @@ | |||
1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/bem' as bem; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../props' as *; | 4 | @use '../props' as *; |
5 | 5 | ||
@@ -9,7 +9,7 @@ | |||
9 | @mixin styles { | 9 | @mixin styles { |
10 | @include materialize-at-root(meta.module-variables('vars')); | 10 | @include materialize-at-root(meta.module-variables('vars')); |
11 | 11 | ||
12 | @include iro.bem-scope('code') { | 12 | @include bem.scope('code') { |
13 | code { | 13 | code { |
14 | padding-block: props.get(vars.$inline--pad-b); | 14 | padding-block: props.get(vars.$inline--pad-b); |
15 | padding-inline: props.get(vars.$inline--pad-i); | 15 | padding-inline: props.get(vars.$inline--pad-i); |
diff --git a/src/scopes/_headings.scss b/src/scopes/_headings.scss index c786a75..415fb15 100644 --- a/src/scopes/_headings.scss +++ b/src/scopes/_headings.scss | |||
@@ -1,5 +1,5 @@ | |||
1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/bem' as bem; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../objects/heading.vars' as heading; | 4 | @use '../objects/heading.vars' as heading; |
5 | 5 | ||
@@ -14,7 +14,7 @@ | |||
14 | xxl: h1, | 14 | xxl: h1, |
15 | ); | 15 | ); |
16 | 16 | ||
17 | @include iro.bem-scope('headings') { | 17 | @include bem.scope('headings') { |
18 | h1, | 18 | h1, |
19 | h2, | 19 | h2, |
20 | h3, | 20 | h3, |
@@ -32,7 +32,7 @@ | |||
32 | transform: translateX(props.get(heading.$offset)); | 32 | transform: translateX(props.get(heading.$offset)); |
33 | } | 33 | } |
34 | 34 | ||
35 | @include iro.bem-elem('highlight') { | 35 | @include bem.elem('highlight') { |
36 | background-image: linear-gradient(to top, | 36 | background-image: linear-gradient(to top, |
37 | transparent .15em, | 37 | transparent .15em, |
38 | props.get(heading.$bg-color) .15em, | 38 | props.get(heading.$bg-color) .15em, |
@@ -51,7 +51,7 @@ | |||
51 | } | 51 | } |
52 | } | 52 | } |
53 | 53 | ||
54 | @include iro.bem-modifier('display') { | 54 | @include bem.modifier('display') { |
55 | @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings in heading.$display--sizes { | 55 | @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings in heading.$display--sizes { |
56 | #{map.get($-size-map, $mod)} { | 56 | #{map.get($-size-map, $mod)} { |
57 | font-family: props.get($font-family); | 57 | font-family: props.get($font-family); |
diff --git a/src/scopes/_implicit.scss b/src/scopes/_implicit.scss index 7b1f43b..707339e 100644 --- a/src/scopes/_implicit.scss +++ b/src/scopes/_implicit.scss | |||
@@ -1,6 +1,6 @@ | |||
1 | @use 'sass:math'; | 1 | @use 'sass:math'; |
2 | @use 'sass:meta'; | 2 | @use 'sass:meta'; |
3 | @use 'iro-sass/src/iro-sass' as iro; | 3 | @use 'iro-sass/src/bem' as bem; |
4 | @use 'iro-sass/src/props'; | 4 | @use 'iro-sass/src/props'; |
5 | @use '../props' as *; | 5 | @use '../props' as *; |
6 | @use '../core.vars' as core; | 6 | @use '../core.vars' as core; |
diff --git a/src/scopes/_links.scss b/src/scopes/_links.scss index 41472c7..8ecf0ae 100644 --- a/src/scopes/_links.scss +++ b/src/scopes/_links.scss | |||
@@ -1,7 +1,7 @@ | |||
1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
2 | @use 'sass:meta'; | 2 | @use 'sass:meta'; |
3 | @use 'sass:string'; | 3 | @use 'sass:string'; |
4 | @use 'iro-sass/src/iro-sass' as iro; | 4 | @use 'iro-sass/src/bem' as bem; |
5 | @use 'iro-sass/src/props'; | 5 | @use 'iro-sass/src/props'; |
6 | @use '../props' as *; | 6 | @use '../props' as *; |
7 | 7 | ||
@@ -11,7 +11,7 @@ | |||
11 | @mixin styles { | 11 | @mixin styles { |
12 | @include materialize-at-root(meta.module-variables('vars')); | 12 | @include materialize-at-root(meta.module-variables('vars')); |
13 | 13 | ||
14 | @include iro.bem-scope('links') { | 14 | @include bem.scope('links') { |
15 | :link, | 15 | :link, |
16 | :visited { | 16 | :visited { |
17 | color: currentColor; | 17 | color: currentColor; |
@@ -40,14 +40,14 @@ | |||
40 | } | 40 | } |
41 | } | 41 | } |
42 | 42 | ||
43 | @include iro.bem-modifier('invisible') { | 43 | @include bem.modifier('invisible') { |
44 | :link, | 44 | :link, |
45 | :visited { | 45 | :visited { |
46 | text-decoration: none; | 46 | text-decoration: none; |
47 | } | 47 | } |
48 | } | 48 | } |
49 | 49 | ||
50 | @include iro.bem-modifier('colored') { | 50 | @include bem.modifier('colored') { |
51 | :link { | 51 | :link { |
52 | color: props.get(vars.$colored--text-color); | 52 | color: props.get(vars.$colored--text-color); |
53 | text-decoration-color: props.get(vars.$colored--underline-color); | 53 | text-decoration-color: props.get(vars.$colored--underline-color); |
@@ -68,7 +68,7 @@ | |||
68 | } | 68 | } |
69 | 69 | ||
70 | @each $theme in map.keys(props.get(vars.$static-themes)) { | 70 | @each $theme in map.keys(props.get(vars.$static-themes)) { |
71 | @include iro.bem-modifier(string.slice($theme, 3)) { | 71 | @include bem.modifier(string.slice($theme, 3)) { |
72 | :link, | 72 | :link, |
73 | :visited { | 73 | :visited { |
74 | color: props.get(vars.$static-themes, $theme, --text-color); | 74 | color: props.get(vars.$static-themes, $theme, --text-color); |
diff --git a/src/scopes/_lists.scss b/src/scopes/_lists.scss index 7f18df0..0cf8c54 100644 --- a/src/scopes/_lists.scss +++ b/src/scopes/_lists.scss | |||
@@ -1,5 +1,5 @@ | |||
1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/bem' as bem; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../props' as *; | 4 | @use '../props' as *; |
5 | @use '../core.vars' as core; | 5 | @use '../core.vars' as core; |
@@ -10,7 +10,7 @@ | |||
10 | @mixin styles { | 10 | @mixin styles { |
11 | @include materialize-at-root(meta.module-variables('vars')); | 11 | @include materialize-at-root(meta.module-variables('vars')); |
12 | 12 | ||
13 | @include iro.bem-scope('lists') { | 13 | @include bem.scope('lists') { |
14 | ul, | 14 | ul, |
15 | ol { | 15 | ol { |
16 | padding-inline-start: props.get(vars.$indent); | 16 | padding-inline-start: props.get(vars.$indent); |
@@ -46,7 +46,7 @@ | |||
46 | margin-inline: props.get(vars.$indent) 0; | 46 | margin-inline: props.get(vars.$indent) 0; |
47 | } | 47 | } |
48 | 48 | ||
49 | @include iro.bem-modifier('compact') { | 49 | @include bem.modifier('compact') { |
50 | ul, | 50 | ul, |
51 | ol { | 51 | ol { |
52 | padding-inline-start: calc(props.get(vars.$compact--indent) - 3px); | 52 | padding-inline-start: calc(props.get(vars.$compact--indent) - 3px); |
diff --git a/src/scopes/_tables.scss b/src/scopes/_tables.scss index 08df871..e50f134 100644 --- a/src/scopes/_tables.scss +++ b/src/scopes/_tables.scss | |||
@@ -1,5 +1,5 @@ | |||
1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/bem' as bem; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../props' as *; | 4 | @use '../props' as *; |
5 | @use '../objects/table.vars' as table; | 5 | @use '../objects/table.vars' as table; |
@@ -10,7 +10,7 @@ | |||
10 | @mixin styles { | 10 | @mixin styles { |
11 | @include materialize-at-root(meta.module-variables('vars')); | 11 | @include materialize-at-root(meta.module-variables('vars')); |
12 | 12 | ||
13 | @include iro.bem-scope('tables') { | 13 | @include bem.scope('tables') { |
14 | table { | 14 | table { |
15 | margin-block-start: props.get(vars.$margin-bs); | 15 | margin-block-start: props.get(vars.$margin-bs); |
16 | border-spacing: 0; | 16 | border-spacing: 0; |
@@ -46,7 +46,7 @@ | |||
46 | } | 46 | } |
47 | } | 47 | } |
48 | 48 | ||
49 | @include iro.bem-modifier('flush') { | 49 | @include bem.modifier('flush') { |
50 | th, | 50 | th, |
51 | td { | 51 | td { |
52 | &:first-child { | 52 | &:first-child { |
@@ -59,7 +59,7 @@ | |||
59 | } | 59 | } |
60 | } | 60 | } |
61 | 61 | ||
62 | @include iro.bem-modifier('box') { | 62 | @include bem.modifier('box') { |
63 | td { | 63 | td { |
64 | background-color: props.get(table.$box--bg-color); | 64 | background-color: props.get(table.$box--bg-color); |
65 | 65 | ||