1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
| .resizer {
| --handle-size: 2px;
| --handle-size-hover: 3px;
|
| & button {
| &:focus {
| outline: none;
| box-shadow: none;
| }
| }
|
| &__handle {
| top: 25%;
| bottom: 25%;
| position: absolute;
| cursor: ew-resize;
| z-index: 100;
| right: 0;
| width: var(--handle-size);
| background: var(--color-neutral-border);
|
| &:hover,
| &_resizing {
| width: var(--handle-size-hover);
| background-color: var(--color-primary-border-subtle);
| }
| }
| }
|
|
