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

// @offcanvas-z-index:                             @global-z-index;

// @offcanvas-bar-width:                           270px;
// @offcanvas-bar-padding-vertical:                @global-margin;
// @offcanvas-bar-padding-horizontal:              @global-margin;
// @offcanvas-bar-background:                      @global-secondary-background;
// @offcanvas-bar-color-mode:                      light;

// @offcanvas-bar-width-m:                         350px;
// @offcanvas-bar-padding-vertical-m:              @global-medium-gutter;
// @offcanvas-bar-padding-horizontal-m:            @global-medium-gutter;

@offcanvas-close-position:                      5px;
// @offcanvas-close-padding:                       5px;

@offcanvas-bar-color-mode:                      dark;
@offcanvas-overlay-background:                  rgba(100,100,100,0.5); // ?
@offcanvas-bar-background:                      #333;


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


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

.hook-offcanvas-bar() {}


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

.hook-offcanvas-close() {}


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

.hook-offcanvas-overlay() {}


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

.hook-offcanvas-misc() {}
