lbry-desktop/ui/scss/init/_mixins.scss

20 lines
335 B
SCSS
Raw Normal View History

@mixin placeholder {
2019-01-08 17:58:05 +01:00
animation: pulse 2s infinite ease-in-out;
2019-11-22 22:13:00 +01:00
background-color: var(--color-placeholder-background);
border-radius: var(--card-radius);
}
@mixin mediaThumbHoverZoom {
2019-07-21 23:31:22 +02:00
.media__thumb,
img {
transition: all 0.2s ease;
}
&:hover {
2019-07-21 23:31:22 +02:00
.media__thumb,
img {
transform: scale(1.05);
}
}
}