diff options
Diffstat (limited to 'assets/css/components')
-rw-r--r-- | assets/css/components/_figure.scss | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/assets/css/components/_figure.scss b/assets/css/components/_figure.scss new file mode 100644 index 0000000..78e13c0 --- /dev/null +++ b/assets/css/components/_figure.scss | |||
@@ -0,0 +1,21 @@ | |||
1 | @use 'iro-sass/src/index' as iro; | ||
2 | @use 'iro-design/src/functions' as fn; | ||
3 | @use 'iro-design/src/mixins' as mx; | ||
4 | @use '../functions' as fn2; | ||
5 | |||
6 | @include iro.props-namespace('figure') { | ||
7 | @include iro.bem-component(iro.props-namespace()) { | ||
8 | margin: fn.global-dim(--paragraph --margin-top) 0 0; | ||
9 | padding: 0; | ||
10 | |||
11 | @include iro.bem-elem('link') { | ||
12 | display: block; | ||
13 | } | ||
14 | |||
15 | @include iro.bem-elem('image') { | ||
16 | display: block; | ||
17 | max-width: 100%; | ||
18 | max-height: 70vh; | ||
19 | } | ||
20 | } | ||
21 | } | ||