primereact

1
.scrollpanel-demo {
2
    .p-scrollpanel {
3
        &.custombar1 {
4
            .p-scrollpanel-wrapper {
5
                border-right: 10px solid var(--surface-ground);
6
            }
7

8
            .p-scrollpanel-bar {
9
                background-color: var(--primary-300);
10
                opacity: 1;
11
                transition: background-color .3s;
12

13
                &:hover {
14
                    background-color: var(--primary-400);
15
                }
16
            }
17
        }
18

19
        &.custombar2 {
20
            .p-scrollpanel-wrapper {
21
                border-right: 10px solid var(--surface-50);
22
                border-bottom: 10px solid var(--surface-50);
23
            }
24

25
            .p-scrollpanel-bar {
26
                background-color: var(--surface-200);
27
                border-radius: 0;
28
                opacity: 1;
29
                transition: background-color .3s;
30
            }
31
        }
32
    }
33
}