summaryrefslogtreecommitdiffstats
path: root/src/scopes/_figures.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/scopes/_figures.scss')
-rw-r--r--src/scopes/_figures.scss21
1 files changed, 11 insertions, 10 deletions
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}