feat: 💄 shrink images on desktop
This commit is contained in:
parent
3c1afafefa
commit
369bcc7899
1 changed files with 7 additions and 9 deletions
|
@ -18,18 +18,16 @@ export default {};
|
||||||
|
|
||||||
.figure {
|
.figure {
|
||||||
margin: 1em auto;
|
margin: 1em auto;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
object-fit: contain;
|
||||||
|
|
||||||
@include mq-desktop {
|
@include mq-desktop {
|
||||||
max-width: 70em;
|
max-width: 70em;
|
||||||
|
max-height: 80vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__meta {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
label,
|
label,
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue