Files
blog/sass/_media.scss
2024-01-13 17:15:18 +03:00

38 lines
561 B
SCSS

img,
video {
display: block;
margin: 2rem auto;
max-width: 100%;
border-radius: var(--rounded-corner);
box-shadow: var(--shadow);
}
img {
transition: var(--transition-longer);
&:not(.no-hover):hover {
transform: scale(125%);
border-radius: 0;
box-shadow: var(--shadow-raised);
}
@media only screen and (max-device-width: 480px) {
&:not(.no-hover):hover {
transform: scale(110%);
}
}
}
.full {
width: 100%;
}
.pixels {
image-rendering: pixelated;
}
.transparent {
border-radius: 0;
box-shadow: none;
}