.resizeable{
    position:relative;
}

.resizeable.left{
    right:0;
}

.resizeable::after,
.resizeable::before {
    content: '';
    background-color: #ccc;
    position: absolute;
}

.resizeable.left::after,
.resizeable.horizontal::before {
    top:0;
    left: 0;
    width: 4px;
    height: 100%;
    cursor: ew-resize;
}

.resizeable.right::after,
.resizeable.horizontal::after {
    top:0;
    right: 0;
    width: 4px;
    height: 100%;
    cursor: ew-resize;
}

.resizeable.bottom::after,
.resizeable.vertical::after {
    bottom: 0;
    left:0;
    width: 100%;
    height: 4px;
    cursor: ns-resize;
}

.resizeable.top::after,
.resizeable.vertical::before {

    top: 0;
    left:0;
    width: 100%;
    height: 4px;
    cursor: ns-resize;
}