// Sidebar
$uex-layout-sidebar-bg-color: $white;
$uex-layout-sidebar-border-color: $border-color;
$uex-layout-sidebar-width: 270px !default;
$uex-layout-sidebar-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12) !default;

// Sidebar avatar
$uex-layout-sidebar-avatar-bg: $gray-100 !default;
$uex-layout-sidebar-avatar-text-color: $body-color !default;
$uex-layout-sidebar-avatar-border-top-color: $gray-300 !default;
$uex-layout-sidebar-avatar-border-top-width: .2rem !default;
$uex-layout-sidebar-avatar-border-bottom-color: $gray-300 !default;
$uex-layout-sidebar-avatar-border-bottom-width: .2rem !default;
$uex-layout-sidebar-avatar-padding-x: 3rem !default;
$uex-layout-sidebar-avatar-padding-y: 1rem !default;

// Sidebar brand
$uex-layout-sidebar-brand-bg: $gray-200 !default;
$uex-layout-sidebar-brand-padding-x: 1rem !default;
$uex-layout-sidebar-brand-padding-y: 3rem !default;

// Header
$uex-layout-header-height: 6.4rem !default;
$uex-layout-header-bg: #546e7a !default;
$uex-layout-header-text-color: #FFFFFF !default;
$uex-layout-header-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12) !default;

// Nav
$uex-layout-nav-bg: #FFFFFF !default;
$uex-layout-nav-text-color: #FFFFFF !default;