lbry-desktop/ui/scss/init/_mixins.scss
2019-11-22 16:45:33 -05:00

24 lines
394 B
SCSS

@mixin placeholder {
animation: pulse 2s infinite ease-in-out;
background-color: var(--color-placeholder-background);
border-radius: var(--card-radius);
}
@mixin mediaThumbHoverZoom {
.media__thumb,
img {
transition: all 0.2s ease;
}
&:hover {
.media__thumb,
img {
transform: scale(1.05);
}
}
}
@mixin focus {
box-shadow: 0 0 0 2px black; //blue-1;
}