{{#markdown}} ```scss // OFF CANVAS VARIABLES // Off Canvas Tab Bar Variables $tabbar-bg: #333 !default; $tabbar-height: rem-calc(45) !default; $tabbar-line-height: $tabbar-height !default; $tabbar-color: #FFF !default; $tabbar-middle-padding: 0 rem-calc(10) !default; // Off Canvas Divider Styles $tabbar-right-section-border: solid 1px lighten($tabbar-bg, 10%) !default; $tabbar-left-section-border: solid 1px darken($tabbar-bg, 10%) !default; // Off Canvas Tab Bar Headers $tabbar-header-color: #FFF !default; $tabbar-header-weight: bold !default; $tabbar-header-line-height: $tabbar-height !default; $tabbar-header-margin: 0 !default; // Off Canvas Menu Variables $off-canvas-width: 250px !default; $off-canvas-bg: #333 !default; // Off Canvas Menu List Variables $off-canvas-label-padding: 0.3rem rem-calc(15) !default; $off-canvas-label-color: #999 !default; $off-canvas-label-text-transform: uppercase !default; $off-canvas-label-font-weight: bold !default; $off-canvas-label-bg: #444 !default; $off-canvas-label-border-top: 1px solid lighten(#444, 10%) !default; $off-canvas-label-border-bottom: none !default; $off-canvas-label-margin:0 !default; $off-canvas-link-padding: rem-calc(10, 15) !default; $off-canvas-link-color: rgba(#FFF, 0.7) !default; $off-canvas-link-border-bottom: 1px solid darken($off-canvas-bg, 5%) !default; // Off Canvas Menu Icon Variables $tabbar-menu-icon-color: #FFF !default; $tabbar-menu-icon-hover: darken($tabbar-menu-icon-color, 30%) !default; $tabbar-menu-icon-text-indent: rem-calc(35) !default; $tabbar-menu-icon-width: $tabbar-height !default; $tabbar-menu-icon-height: $tabbar-height !default; $tabbar-menu-icon-line-height: rem-calc(33) !default; $tabbar-menu-icon-padding: 0 !default; $tabbar-hamburger-icon-width: rem-calc(16) !default; $tabbar-hamburger-icon-left: rem-calc(13) !default; $tabbar-hamburger-icon-top: rem-calc(5) !default; // Off Canvas Back-Link Overlay $off-canvas-overlay-transition: background 300ms ease !default; $off-canvas-overlay-cursor: pointer !default; $off-canvas-overlay-box-shadow: -4px 0 4px rgba(#000, 0.5), 4px 0 4px rgba(#000, 0.5) !default; $off-canvas-overlay-background: rgba(#FFF, 0.2) !default; $off-canvas-overlay-background-hover: rgba(#FFF, 0.05) !default; // Transition Variabls $menu-slide: "transform 500ms ease" !default; ``` {{/markdown}}