summaryrefslogtreecommitdiffstats
path: root/assets/css
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css')
-rw-r--r--assets/css/_base.scss12
-rw-r--r--assets/css/components/_figure.scss21
-rw-r--r--assets/css/style.scss1
3 files changed, 22 insertions, 12 deletions
diff --git a/assets/css/_base.scss b/assets/css/_base.scss
index 93db12f..f06dc4a 100644
--- a/assets/css/_base.scss
+++ b/assets/css/_base.scss
@@ -25,15 +25,3 @@ img {
25 display: block; 25 display: block;
26 max-width: 100%; 26 max-width: 100%;
27} 27}
28
29figure {
30 margin: fn.dim(--paragraph --margin-top) 0 0;
31 padding: 0;
32
33 img {
34 display: block;
35 max-width: 100%;
36 max-height: 70vh;
37 object-fit: contain;
38 }
39}
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}
diff --git a/assets/css/style.scss b/assets/css/style.scss
index b525e7b..9ec6483 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -21,6 +21,7 @@
21@use 'components/header'; 21@use 'components/header';
22@use 'components/hnav'; 22@use 'components/hnav';
23@use 'components/card'; 23@use 'components/card';
24@use 'components/figure';
24 25
25@use 'iro-design/src/scopes/blockquotes' as iro-blockquotes; 26@use 'iro-design/src/scopes/blockquotes' as iro-blockquotes;
26@use 'iro-design/src/scopes/code' as iro-code; 27@use 'iro-design/src/scopes/code' as iro-code;