assets/css/components/_figure.scss


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

@use 'iro-sass/src/index' as iro;
@use 'iro-design/src/functions' as fn;
@use 'iro-design/src/mixins' as mx;
@use '../functions' as fn2;

@include iro.props-namespace('figure') {
    @include iro.bem-component(iro.props-namespace()) {
        margin:  fn.global-dim(--paragraph --margin-top) 0 0;
        padding: 0;

        @include iro.bem-elem('link') {
            display: block;
        }

        @include iro.bem-elem('image') {
            display:    block;
            max-width:  100%;
            max-height: 70vh;
        }
    }
}