@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;
}