]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blobdiff - client/src/sass/include/_miniature.scss
Playlist support in watch page
[github/Chocobozzz/PeerTube.git] / client / src / sass / include / _miniature.scss
index 25a024aaca2a007a2cd9926e2a681374f1439c2d..95b7592251315edd6938fef559f2f5738f3f460b 100644 (file)
@@ -28,15 +28,15 @@ $play-overlay-transition: 0.2s ease;
 $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;
 
@@ -97,6 +97,13 @@ $play-overlay-width: 18px;
   }
 }
 
+@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);