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


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

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

@offcanvas-bar-width-m:                         430px;
@offcanvas-bar-padding-vertical-m:              @global-large-gutter;
@offcanvas-bar-padding-horizontal-m:            120px;

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

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

.hook-offcanvas-bar() {}


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

.hook-offcanvas-close() {}


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

.hook-offcanvas-overlay() {}


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

.hook-offcanvas-misc() {}