forked from deepStateMirrors/tabi
✨ feat(shortcodes): add inline option to image shortcodes (#315)
This commit is contained in:
parent
6a4f4244e0
commit
27525fc13f
10 changed files with 101 additions and 39 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue