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

Add ability to style images via the URL (fix #22)

Browse Source
This commit is contained in:
David Lapshin
2024-05-12 18:13:28 +03:00
parent a697ff01bd
commit 703bc99a0d
3 changed files with 20 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
sass/_media.scss
View File

@ -2,11 +2,11 @@ img {
transition-duration: var(--transition-longer);
transition-property: transform, box-shadow, border-radius;
&:not(.no-hover) {
&:not(.no-hover, &[src*="#no-hover"]) {
cursor: zoom-in;
}
&:not(.no-hover):hover {
&:not(.no-hover, &[src*="#no-hover"]):hover {
transform: scale(1.1);
box-shadow: var(--shadow-raised);
border-radius: 0;
@ -21,15 +21,18 @@ video {
border-radius: var(--rounded-corner);
max-width: 100%;
&.full {
&.full,
&[src*="#full"] {
width: 100%;
}
&.pixels {
&.pixels,
&[src*="#pixels"] {
image-rendering: pixelated;
}
&.transparent {
&.transparent,
&[src*="#transparent"] {
box-shadow: none;
border-radius: 0;