diff options
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 | ||
