.offcanvas-h-sm {
    height: 20% !important;
}
.offcanvas-h-regular {
    height: 30% !important;
}
.offcanvas-h-lg {
    height: 40% !important;
}
.offcanvas-h-xlg {
    height: 50% !important;
}
.offcanvas-h-xxlg {
    height: 70% !important;
}

.offcanvas-v-sm {
    width: 20% !important;
}
.offcanvas-v-regular {
    width: 30% !important;
}
.offcanvas-v-lg {
    width: 40% !important;
}
.offcanvas-v-xlg {
    width: 50% !important;
}
.offcanvas-v-xxlg {
    width: 70% !important;
}