41 lines
676 B
SCSS
41 lines
676 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 handleClaimListGifThumbnail($width) {
|
|
.ff-container {
|
|
.ff-canvas.ff-canvas-ready,
|
|
img {
|
|
height: calc(#{$width} * (9 / 16));
|
|
}
|
|
}
|
|
}
|
|
|
|
@mixin handleChannelGif($size) {
|
|
height: $size;
|
|
width: $size;
|
|
|
|
.ff-container {
|
|
.ff-canvas.ff-canvas-ready,
|
|
img {
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
}
|
|
}
|