diff options
Diffstat (limited to 'src/scopes/_figures.scss')
-rw-r--r-- | src/scopes/_figures.scss | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/src/scopes/_figures.scss b/src/scopes/_figures.scss new file mode 100644 index 0000000..981a8b6 --- /dev/null +++ b/src/scopes/_figures.scss | |||
@@ -0,0 +1,21 @@ | |||
1 | @use 'sass:meta'; | ||
2 | @use 'iro-sass/src/bem'; | ||
3 | @use 'iro-sass/src/props'; | ||
4 | @use '../objects/figure.vars' as figure; | ||
5 | |||
6 | @mixin styles { | ||
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); | ||
13 | |||
14 | &::before { | ||
15 | display: block; | ||
16 | margin-block: -100em 100em; | ||
17 | content: ''; | ||
18 | } | ||
19 | } | ||
20 | } | ||
21 | } | ||