diff options
author | Volpeon <git@volpeon.ink> | 2022-06-14 20:35:37 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2022-06-14 20:35:37 +0200 |
commit | 7d9bb5fee50561bdce8fe7440ae9d1b8aae48bd0 (patch) | |
tree | d8955670f0bff46eaa06997e84a450143e8e5302 /assets/css | |
parent | Fix print style bg (diff) | |
download | volpeon.ink-7d9bb5fee50561bdce8fe7440ae9d1b8aae48bd0.tar.gz volpeon.ink-7d9bb5fee50561bdce8fe7440ae9d1b8aae48bd0.tar.bz2 volpeon.ink-7d9bb5fee50561bdce8fe7440ae9d1b8aae48bd0.zip |
Update
Diffstat (limited to 'assets/css')
-rw-r--r-- | assets/css/_base.scss | 12 | ||||
-rw-r--r-- | assets/css/components/_figure.scss | 21 | ||||
-rw-r--r-- | assets/css/style.scss | 1 |
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 | |||
29 | figure { | ||
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; |