// In classic, the side handles are full width and background position is at start of the dimension;
.#{$prefix}resizable-over,
.#{$prefix}resizable-pinned {
    .#{$prefix}resizable-handle-east,
    .#{$prefix}resizable-handle-west {
        background-position: left;
    }
    
    .#{$prefix}resizable-handle-south,
    .#{$prefix}resizable-handle-north {
        background-position: top;
    }

    .#{$prefix}resizable-handle-southeast {
        background-position: top left;
    }
    
    .#{$prefix}resizable-handle-northwest {
        background-position: bottom right;
    }
    
    .#{$prefix}resizable-handle-northeast {
        background-position: bottom left;
    }

    .#{$prefix}resizable-handle-southwest {
        background-position: top right;
    }
}