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.scss27
1 files changed, 14 insertions, 13 deletions
diff --git a/src/scopes/_figures.scss b/src/scopes/_figures.scss
index f619506..d931820 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')); 7 @include bem.scope('figures') {
8 figcaption {
9 padding-block: props.get(figure.$pad-b);
10 font-size: props.get(figure.$font-size);
11 color: props.get(figure.$text-color);
12 border-block-end: props.get(figure.$border-width) solid props.get(figure.$border-color);
11 13
12 @include bem.scope('figures') { 14 &::before {
13 figcaption { 15 display: block;
14 padding-block: props.get(vars.$pad-b); 16 margin-block: -100em 100em;
15 font-size: props.get(vars.$font-size); 17 content: '';
16 color: props.get(vars.$text-color); 18 }
17 border-block-end: props.get(vars.$border-width) solid props.get(vars.$border-color); 19 }
18 } 20 }
19 }
20} 21}