//
// Component: Off-canvas
//
// ========================================================================


// Variables
// ========================================================================

@offcanvas-bar-background:                     @global-background;
@offcanvas-bar-color-mode:                     dark;

@offcanvas-overlay-background:                 fade(@global-secondary-background, 90%);

@offcanvas-bar-padding-horizontal:             40px;
@offcanvas-bar-padding-vertical:               40px;

// Bar
// ========================================================================

.hook-offcanvas-bar() {}


// Close
// ========================================================================

.hook-offcanvas-close() {}


// Overlay
// ========================================================================

.hook-offcanvas-overlay() {}


// Miscellaneous
// ========================================================================

.hook-offcanvas-misc() {}