$play-overlay-height: 26px;
$play-overlay-width: 18px;
-@mixin miniature-thumbnail($width: $video-thumbnail-width, $height: $video-thumbnail-height) {
+@mixin miniature-thumbnail {
@include disable-outline;
display: inline-block;
position: relative;
border-radius: 3px;
overflow: hidden;
- width: $width;
- height: $height;
+ width: $video-thumbnail-width;
+ height: $video-thumbnail-height;
background-color: #ececec;
transition: filter $play-overlay-transition;
}
}
+@mixin thumbnail-size-component ($width, $height) {
+ /deep/ .video-thumbnail {
+ width: $width;
+ height: $height;
+ }
+}
+
@mixin static-thumbnail-overlay {
display: inline-block;
background-color: rgba(0, 0, 0, 0.7);