Commit | Line | Data |
---|---|---|
671a984c AE |
1 | /* PerfectScrollbar plugin */ |
2 | .ps-container { | |
3 | &:hover > .ps-scrollbar-y-rail > .ps-scrollbar-y { | |
8a52619a | 4 | background-color: rgba(102, 102, 102, 0.6); |
671a984c | 5 | } |
8a52619a | 6 | |
671a984c AE |
7 | &.ps-active-y > .ps-scrollbar-y-rail { |
8 | display: block; | |
9 | } | |
8a52619a | 10 | |
671a984c AE |
11 | > .ps-scrollbar-y-rail { |
12 | background-color: rgba(102, 102, 102, 0); | |
13 | border-radius: 2px; | |
14 | bottom: 0; | |
15 | display: none; | |
16 | position: absolute; | |
17 | right: 2px; | |
8a52619a | 18 | transition: background-color 0.24s linear; |
671a984c | 19 | width: 6px; |
8a52619a | 20 | |
671a984c | 21 | &:hover { |
8a52619a | 22 | background-color: rgba(102, 102, 102, 0.3); |
671a984c | 23 | } |
8a52619a | 24 | |
671a984c AE |
25 | > .ps-scrollbar-y { |
26 | background-color: rgba(102, 102, 102, 0); | |
27 | border-radius: 2px; | |
28 | position: relative; | |
8a52619a | 29 | transition: background-color 0.24s linear; |
671a984c AE |
30 | } |
31 | } | |
32 | } |