Offcanvas with 50% width

.c-offcanvas--right {
    width: 50%;
    transform: translate3d(100%, 0, 0);
}
.c-offcanvas--left {
    width: 50%;
    transform: translate3d(-100%, 0, 0);
}

CSS for 50% overlay width #21