feat(shortcodes): add inline option to image shortcodes (#315)

This commit is contained in:
Óscar 2024-05-18 14:52:39 +02:00 committed by GitHub
parent 6a4f4244e0
commit 27525fc13f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
10 changed files with 101 additions and 39 deletions

View file

@ -1,21 +1,22 @@
.image-hover-container {
display: inline-block;
position: relative;
width: 100%;
.image-default {
display: block;
display: inline;
}
.image-hovered {
display: none;
}
&:hover .image-hovered {
display: block;
}
&:hover {
.image-default {
display: none;
}
&:hover .image-default {
display: none;
.image-hovered {
display: inline;
}
}
}

View file

@ -37,11 +37,21 @@ figure h4::before {
.img-dark {
display: none;
&.inline{
display: none;
}
}
.img-light.inline {
display: inline;
}
[data-theme="dark"] {
.img-dark {
display: block;
&.inline {
display: inline;
}
}
.img-light {