76 lines
1.4 KiB
Plaintext
76 lines
1.4 KiB
Plaintext
@ui-resizable-handle-size: 9px;
|
|
@ui-resizable-handle-corner-size: @ui-resizable-handle-size * 1.7;
|
|
|
|
.ui-resizable-handle {
|
|
position: absolute;
|
|
font-size: 0.1px;
|
|
display: block;
|
|
-ms-touch-action: none;
|
|
touch-action: none;
|
|
//background: rgba(255, 255, 0, .5);
|
|
}
|
|
|
|
.ui-resizable-e {
|
|
cursor: e-resize;
|
|
width: @ui-resizable-handle-size;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.ui-resizable-w {
|
|
cursor: w-resize;
|
|
width: @ui-resizable-handle-size;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.ui-resizable-s {
|
|
cursor: s-resize;
|
|
height: @ui-resizable-handle-size;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.ui-resizable-n {
|
|
cursor: n-resize;
|
|
height: @ui-resizable-handle-size;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.ui-resizable-se {
|
|
cursor: se-resize;
|
|
width: @ui-resizable-handle-corner-size;
|
|
height: @ui-resizable-handle-corner-size;
|
|
right: -2px;
|
|
bottom: -2px;
|
|
transform: translate(10%, 10%);
|
|
}
|
|
|
|
.ui-resizable-sw {
|
|
cursor: sw-resize;
|
|
width: @ui-resizable-handle-corner-size;
|
|
height: @ui-resizable-handle-corner-size;
|
|
left: -2px;
|
|
bottom: -2px;
|
|
}
|
|
|
|
.ui-resizable-ne {
|
|
cursor: ne-resize;
|
|
width: @ui-resizable-handle-corner-size;
|
|
height: @ui-resizable-handle-corner-size;
|
|
right: -2px;
|
|
top: -2px;
|
|
}
|
|
|
|
.ui-resizable-nw {
|
|
cursor: nw-resize;
|
|
width: @ui-resizable-handle-corner-size;
|
|
height: @ui-resizable-handle-corner-size;
|
|
left: -2px;
|
|
top: -2px;
|
|
} |