summaryrefslogtreecommitdiffstats
path: root/src/scopes
diff options
context:
space:
mode:
Diffstat (limited to 'src/scopes')
-rw-r--r--src/scopes/_body.scss1
-rw-r--r--src/scopes/_body.vars.scss1
-rw-r--r--src/scopes/_figures.scss21
-rw-r--r--src/scopes/_figures.vars.scss10
-rw-r--r--src/scopes/_implicit.scss21
-rw-r--r--src/scopes/_links.vars.scss2
6 files changed, 35 insertions, 21 deletions
diff --git a/src/scopes/_body.scss b/src/scopes/_body.scss
index 65c6d2f..6d32212 100644
--- a/src/scopes/_body.scss
+++ b/src/scopes/_body.scss
@@ -11,6 +11,7 @@
11 11
12 @include bem.scope('body') { 12 @include bem.scope('body') {
13 font-size: props.get(vars.$font-size); 13 font-size: props.get(vars.$font-size);
14 line-height: props.get(vars.$line-height);
14 15
15 strong { 16 strong {
16 color: props.get(vars.$strong--text-color); 17 color: props.get(vars.$strong--text-color);
diff --git a/src/scopes/_body.vars.scss b/src/scopes/_body.vars.scss
index 8e77a17..1de2cfd 100644
--- a/src/scopes/_body.vars.scss
+++ b/src/scopes/_body.vars.scss
@@ -4,6 +4,7 @@
4@use '../layouts/container.vars' as container; 4@use '../layouts/container.vars' as container;
5 5
6$font-size: props.def(--s-body--font-size, props.get(core.$font-size--150)) !default; 6$font-size: props.def(--s-body--font-size, props.get(core.$font-size--150)) !default;
7$line-height: props.def(--s-body--line-height, calc(props.get(core.$font--standard--line-height) + .1)) !default;
7$paragraph--margin-bs: props.def(--s-body--paragraph--margin-bs, props.get(core.$size--300)) !default; 8$paragraph--margin-bs: props.def(--s-body--paragraph--margin-bs, props.get(core.$size--300)) !default;
8$paragraph--max-inline-size: props.def(--s-body--paragraph--max-inline-size, props.get(container.$fixed)) !default; 9$paragraph--max-inline-size: props.def(--s-body--paragraph--max-inline-size, props.get(container.$fixed)) !default;
9$img--max-block-size: props.def(--s-body--img--max-block-size, none) !default; 10$img--max-block-size: props.def(--s-body--img--max-block-size, none) !default;
diff --git a/src/scopes/_figures.scss b/src/scopes/_figures.scss
index f619506..981a8b6 100644
--- a/src/scopes/_figures.scss
+++ b/src/scopes/_figures.scss
@@ -1,20 +1,21 @@
1@use 'sass:meta'; 1@use 'sass:meta';
2@use 'iro-sass/src/bem'; 2@use 'iro-sass/src/bem';
3@use 'iro-sass/src/props'; 3@use 'iro-sass/src/props';
4@use '../props' as *; 4@use '../objects/figure.vars' as figure;
5
6@forward 'figures.vars';
7@use 'figures.vars' as vars;
8 5
9@mixin styles { 6@mixin styles {
10 @include materialize-at-root(meta.module-variables('vars'));
11
12 @include bem.scope('figures') { 7 @include bem.scope('figures') {
13 figcaption { 8 figcaption {
14 padding-block: props.get(vars.$pad-b); 9 padding-block: props.get(figure.$pad-b);
15 font-size: props.get(vars.$font-size); 10 font-size: props.get(figure.$font-size);
16 color: props.get(vars.$text-color); 11 color: props.get(figure.$text-color);
17 border-block-end: props.get(vars.$border-width) solid props.get(vars.$border-color); 12 border-block-end: props.get(figure.$border-width) solid props.get(figure.$border-color);
13
14 &::before {
15 display: block;
16 margin-block: -100em 100em;
17 content: '';
18 }
18 } 19 }
19 } 20 }
20} 21}
diff --git a/src/scopes/_figures.vars.scss b/src/scopes/_figures.vars.scss
deleted file mode 100644
index 1737078..0000000
--- a/src/scopes/_figures.vars.scss
+++ /dev/null
@@ -1,10 +0,0 @@
1@use 'iro-sass/src/props';
2@use '../core.vars' as core;
3@use './implicit.vars' as implicit;
4
5$pad-b: props.def(--s-figures--pad-b, props.get(core.$size--100)) !default;
6$border-width: props.def(--s-figures--border-width, props.get(core.$border-width--thin)) !default;
7$font-size: props.def(--s-figures--font-size, props.get(core.$font-size--100)) !default;
8
9$text-color: props.def(--s-figures--text-color, props.get(core.$theme, --text-mute-more), 'color') !default;
10$border-color: props.def(--s-figures--border-color, props.get(core.$theme, --border-mute), 'color') !default;
diff --git a/src/scopes/_implicit.scss b/src/scopes/_implicit.scss
index 020e311..78f06be 100644
--- a/src/scopes/_implicit.scss
+++ b/src/scopes/_implicit.scss
@@ -1,5 +1,7 @@
1@use 'sass:map';
1@use 'sass:math'; 2@use 'sass:math';
2@use 'sass:meta'; 3@use 'sass:meta';
4@use 'sass:string';
3@use 'iro-sass/src/bem'; 5@use 'iro-sass/src/bem';
4@use 'iro-sass/src/props'; 6@use 'iro-sass/src/props';
5@use '../props' as *; 7@use '../props' as *;
@@ -155,5 +157,24 @@
155 padding: 0; 157 padding: 0;
156 margin: 0; 158 margin: 0;
157 } 159 }
160
161 @each $theme in map.keys(props.get(core.$transparent-colors)) {
162 .t-static-#{string.slice($theme, 3)} {
163 color: props.get(core.$transparent-colors, $theme, --800);
164
165 h1,
166 h2,
167 h3,
168 h4,
169 h5,
170 h6 {
171 color: props.get(core.$transparent-colors, $theme, --900);
172 }
173
174 hr {
175 color: props.get(core.$transparent-colors, $theme, --400);
176 }
177 }
178 }
158 } 179 }
159} 180}
diff --git a/src/scopes/_links.vars.scss b/src/scopes/_links.vars.scss
index 91a73ab..b9bf4d1 100644
--- a/src/scopes/_links.vars.scss
+++ b/src/scopes/_links.vars.scss
@@ -31,7 +31,7 @@ $static-themes: props.def(--s-links, (), 'color');
31 31
32 $static-themes: props.merge($static-themes, ( 32 $static-themes: props.merge($static-themes, (
33 $link-theme: ( 33 $link-theme: (
34 --text-color: props.get(core.$transparent-colors, $theme, --800), 34 --text-color: currentColor,
35 --underline-color: props.get(core.$transparent-colors, $theme, --500), 35 --underline-color: props.get(core.$transparent-colors, $theme, --500),
36 36
37 --hover: ( 37 --hover: (