hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix images with transparent class having shadow on hover

Browse Source
This commit is contained in:
daudix
2024-03-31 00:10:28 +03:00
parent 451f589660
commit 65b151c63d
1 changed files with 18 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
sass/_media.scss
View File

@ -1,3 +1,17 @@
img {
transition: var(--transition-longer);
&:not(.no-hover) {
cursor: zoom-in;
}
&:not(.no-hover):hover {
border-radius: 0;
box-shadow: var(--shadow-raised);
transform: scale(1.1);
}
}
img, img,
video { video {
border-radius: var(--rounded-corner); border-radius: var(--rounded-corner);
@ -17,19 +31,9 @@ video {
&.transparent { &.transparent {
border-radius: 0; border-radius: 0;
box-shadow: none; box-shadow: none;
}
} &:hover {
box-shadow: none;
img { }
transition: var(--transition-longer);
&:not(.no-hover) {
cursor: zoom-in;
}
&:not(.no-hover):hover {
border-radius: 0;
box-shadow: var(--shadow-raised);
transform: scale(1.1);
} }
} }