UNPKG

1.04 kBtext/stylusView Raw
1.q-splitter
2
3 &__panel
4 position: relative
5 z-index: 0
6
7 > .q-splitter
8 width: 100%
9 height: 100%
10
11 &__separator
12 background-color: $separator-color
13 user-select: none
14 position: relative
15 z-index: 1
16
17 &__separator-area > *
18 position: absolute
19 top: 50%
20 left: 50%
21 transform: translate(-50%, -50%)
22
23 &--dark
24 .q-splitter__separator
25 background-color: $separator-dark-color
26
27 &--vertical
28 > .q-splitter__panel
29 height: 100%
30 &.q-splitter--active
31 cursor: col-resize
32 > .q-splitter__separator
33 width: 1px
34 > div
35 left: -6px
36 right: -6px
37 &.q-splitter--workable > .q-splitter__separator
38 cursor: col-resize
39
40 &--horizontal
41 > .q-splitter__panel
42 width: 100%
43 &.q-splitter--active
44 cursor: row-resize
45 > .q-splitter__separator
46 height: 1px
47 > div
48 top: -6px
49 bottom: -6px
50 &.q-splitter--workable > .q-splitter__separator
51 cursor: row-resize
52
53 &__before, &__after
54 overflow: auto