src/scopes/_blockquotes.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

@use 'sass:meta';
@use 'iro-sass/src/iro-sass' as iro;
@use 'iro-sass/src/props';
@use '../props' as *;

@forward 'blockquotes.vars';
@use 'blockquotes.vars' as vars;

@mixin styles {
    @include materialize-at-root(meta.module-variables('vars'));

    @include iro.bem-scope('blockquotes') {
        blockquote {
            padding-inline-start: calc(props.get(vars.$indent) - props.get(vars.$border-width));
            margin-block:         props.get(vars.$margin-bs);
            margin-inline:        1px 0;
            border-inline-start:  props.get(vars.$border-width) solid props.get(vars.$border-color);
        }

        @include iro.bem-modifier('compact') {
            blockquote {
                padding-inline-start: calc(props.get(vars.$compact--indent) - props.get(vars.$border-width));
            }
        }
    }
}