108 lines
3.5 KiB
SCSS
108 lines
3.5 KiB
SCSS
//
|
|
// Dashmix variables
|
|
// --------------------------------------------------
|
|
|
|
|
|
// Colors
|
|
|
|
$primary-light: tint-color($primary, 30%);
|
|
$primary-lighter: tint-color($primary, 65%);
|
|
$primary-dark: shade-color($primary, 30%);
|
|
$primary-darker: shade-color($primary, 60%);
|
|
|
|
$success-light: tint-color($success, 85%);
|
|
$info-light: tint-color($info, 85%);
|
|
$warning-light: tint-color($warning, 85%);
|
|
$danger-light: tint-color($danger, 85%);
|
|
|
|
$body-bg-dark: darken($light, 4%);
|
|
$body-bg-light: lighten($light, 3%);
|
|
|
|
$body-color-dark: $gray-900 !default;
|
|
$body-color-light: $body-bg-dark !default;
|
|
|
|
// Paragraphs
|
|
|
|
$paragraph-line-height: 1.6;
|
|
$paragraph-line-height-lg: 1.8;
|
|
|
|
|
|
// Z-index master list additions
|
|
|
|
$zindex-block-pinned: $zindex-fixed + 1 !default;
|
|
$zindex-sidebar: $zindex-fixed + 2 !default;
|
|
$zindex-page-overlay: $zindex-fixed + 3 !default;
|
|
$zindex-side-overlay: $zindex-fixed + 4 !default;
|
|
$zindex-block-fullscreen: $zindex-fixed + 5 !default;
|
|
|
|
|
|
// Hero Buttons
|
|
|
|
$btn-hero-padding-y: .625rem !default;
|
|
$btn-hero-padding-x: 1.5rem !default;
|
|
$btn-hero-border-radius: .25rem !default;
|
|
|
|
$btn-hero-padding-y-sm: .375rem !default;
|
|
$btn-hero-padding-x-sm: 1.25rem !default;
|
|
|
|
$btn-hero-padding-y-lg: .875rem !default;
|
|
$btn-hero-padding-x-lg: 2.25rem !default;
|
|
|
|
|
|
// Header
|
|
|
|
$header-height: 4.25rem !default; // Best values > 3rem and < 5rem
|
|
$header-bg: $white !default;
|
|
$header-dark-bg: shade-color($primary, 10%) !default;
|
|
|
|
|
|
// Footer
|
|
|
|
$footer-height: 4.375rem !default; // Used as min-height for static footer and fixed height for fixed footer mode
|
|
|
|
|
|
// Sidebar and Side Overlay
|
|
|
|
$sidebar-bg: $white !default;
|
|
$sidebar-dark-bg: #2a303c !default;
|
|
$sidebar-width: 250px !default;
|
|
|
|
$sidebar-mini-width: 64px !default;
|
|
|
|
$sidebar-mini-nav-width: 46px !default;
|
|
|
|
$side-overlay-bg: $white !default;
|
|
$side-overlay-width: 320px !default;
|
|
|
|
$side-transition: .45s cubic-bezier(.20, .61, .42, .97) !default;
|
|
|
|
|
|
// Main Navigation
|
|
|
|
$main-nav-link-icon-color: rgba($primary, .7) !default;
|
|
$main-nav-link-hover-bg: lighten($primary, 52%) !default;
|
|
$main-nav-submenu-bg: lighten($primary, 56%) !default;
|
|
|
|
$main-nav-link-icon-dark-color: lighten($sidebar-dark-bg, 20%) !default;
|
|
$main-nav-link-dark-hover-bg: darken($sidebar-dark-bg, 4.5%) !default;
|
|
$main-nav-submenu-dark-bg: darken($sidebar-dark-bg, 3%) !default;
|
|
|
|
$main-nav-transition: .3s cubic-bezier(.20, .61, .42, .97) !default;
|
|
|
|
|
|
// Layout Spaces
|
|
|
|
$space-base: 1.75rem !default; // Content padding
|
|
$space-mobile: .875rem !default; // Content padding in mobile
|
|
$space-side: 1.125rem !default; // Content padding inside side content
|
|
$space-row-gutter-tiny: .25rem !default; // Row with tiny gutter
|
|
$space-block: 1.25rem !default; // Block padding
|
|
$space-boxed: 1200px !default; // Boxed content max width
|
|
$space-narrow: 92% !default; // Narrow content max width
|
|
$space-main-max-width: 1920px !default; // Main content max width
|
|
|
|
|
|
// Third Party
|
|
|
|
$fa-font-path: "../fonts/fontawesome" !default;
|