diff options
Diffstat (limited to 'src/scopes')
| -rw-r--r-- | src/scopes/_blockquotes.vars.scss | 14 | ||||
| -rw-r--r-- | src/scopes/_code.vars.scss | 26 | ||||
| -rw-r--r-- | src/scopes/_headings.scss | 2 | ||||
| -rw-r--r-- | src/scopes/_implicit.scss | 22 | ||||
| -rw-r--r-- | src/scopes/_implicit.vars.scss | 8 | ||||
| -rw-r--r-- | src/scopes/_links.vars.scss | 48 | ||||
| -rw-r--r-- | src/scopes/_lists.scss | 4 | ||||
| -rw-r--r-- | src/scopes/_lists.vars.scss | 10 | ||||
| -rw-r--r-- | src/scopes/_tables.vars.scss | 8 |
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: ( |
