// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

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


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

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

@offcanvas-background:                          fade(@offcanvas-bar-background, 15%);

@offcanvas-bar-width:                           270px;
@offcanvas-bar-background:                      darken(@global-highlight-color, 4%);

@offcanvas-panel-margin:                        20px 15px;
@offcanvas-panel-color:                         lighten(@global-color, 10%);
@offcanvas-panel-link-color:                    lighten(@offcanvas-panel-color, 15%);
@offcanvas-panel-link-hover-color:              @global-contrast-color;
@offcanvas-panel-title-color:                   @global-contrast-color;


// Component
// ========================================================================

.hook-offcanvas() {}


// Sub-object `uk-offcanvas-bar`
// ========================================================================

.hook-offcanvas-bar() {}


// Panel in offcanvas
// ========================================================================

.hook-offcanvas-panel() {}


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

.hook-offcanvas-misc() {}