]>
Commit | Line | Data |
---|---|---|
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 -15px 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 | } |