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

.#{$prefix}resizable-handle-south-over,
.#{$prefix}resizable-handle-north-over {
    background-position: top;
}

.#{$prefix}resizable-handle-southeast-over {
    background-position: top left;
}

.#{$prefix}resizable-handle-northwest-over {
    background-position: bottom right;
}

.#{$prefix}resizable-handle-northeast-over {
    background-position: bottom left;
}

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

.#{$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;
    }
}
