client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3 @import '_miniature';
   4
   5 // Thanks Angular CDK <3 https://material.angular.io/cdk/drag-drop/examples
   6 .cdk-drag-preview {
   7   box-sizing: border-box;
   8   border-radius: 4px;
   9   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
  10   0 8px 10px 1px rgba(0, 0, 0, 0.14),
  11   0 3px 14px 2px rgba(0, 0, 0, 0.12);
  12 }
  13
  14 .cdk-drag-placeholder {
  15   opacity: 0;
  16 }
  17
  18 .cdk-drag-animating {
  19   transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
  20 }
  21
  22 .video:last-child {
  23   border: none;
  24 }
  25
  26 .videos.cdk-drop-list-dragging .video:not(.cdk-drag-placeholder) {
  27   transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
  28 }