900669827f50ab4c9687e780d4dfc8f8ecea5bc0
[oweals/peertube.git] /
1 @import '_variables';
2 @import '_mixins';
3 @import '_miniature';
4
5 .playlist-info {
6   background-color: var(--submenuColor);
7   margin-left: -15px;
8   margin-top: -$sub-menu-margin-bottom;
9
10   padding: $sub-menu-margin-bottom 0;
11
12   display: flex;
13   justify-content: center;
14 }
15
16 // Thanks Angular CDK <3 https://material.angular.io/cdk/drag-drop/examples
17 .cdk-drag-preview {
18   box-sizing: border-box;
19   border-radius: 4px;
20   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
21   0 8px 10px 1px rgba(0, 0, 0, 0.14),
22   0 3px 14px 2px rgba(0, 0, 0, 0.12);
23 }
24
25 .cdk-drag-placeholder {
26   opacity: 0;
27 }
28
29 .cdk-drag-animating {
30   transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
31 }
32
33 .video:last-child {
34   border: none;
35 }
36
37 .videos.cdk-drop-list-dragging .video:not(.cdk-drag-placeholder) {
38   transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
39 }