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

28 lines
440 B
SCSS
Raw Normal View History

@mixin placeholder {
2019-01-08 17:58:05 +01:00
animation: pulse 2s infinite ease-in-out;
2019-06-27 08:18:45 +02:00
background-color: $lbry-gray-1;
border-radius: var(--card-radius);
2019-06-29 00:21:21 +02:00
[data-mode='dark'] & {
2019-07-01 20:42:32 +02:00
background-color: var(--dm-color-04);
2019-06-29 00:21:21 +02:00
}
}
@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);
}
}
}
2019-06-27 22:27:38 +02:00
@mixin focus {
box-shadow: 0 0 0 2px $lbry-blue-1;
}