mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/exchange-2.0.git
synced 2026-08-19 04:23:55 +00:00
omair saleh
169 lines
6.4 KiB
SCSS
Vendored
169 lines
6.4 KiB
SCSS
Vendored
// Pages Default Theme
|
|
// --------------------------------------------------
|
|
// Copyright Reserved Revox - 2014
|
|
// --------------------------------------------------
|
|
|
|
$base-img-url: "../images" !default;
|
|
$assets-url: "../../assets" !default;
|
|
|
|
// Global Color
|
|
// --------------------------------------------------
|
|
// Base Grey Guided Color * change only $base-light
|
|
// --------------------------------------------------
|
|
|
|
//Base Grey Color
|
|
$color-master: #3a3a3a !default;
|
|
|
|
// Lighter Grey colors
|
|
$color-master-light:mix($color-master, #fff, 16%) !default;
|
|
$color-master-lighter:mix($color-master, #fff, 9.5%) !default;
|
|
$color-master-lightest:mix($color-master, #fff, 3%) !default;
|
|
|
|
// Darker Grey colors
|
|
$color-master-dark:mix($color-master, #000, 45%) !default;
|
|
$color-master-darker:mix($color-master, #000, 27%) !default;
|
|
$color-master-darkest:mix($color-master, #000, 18%) !default;
|
|
|
|
$color-white: #fff !default;
|
|
$color-black: #000 !default;
|
|
|
|
$color-success: #1ac86f !default;
|
|
$color-complete : #009add !default;
|
|
$color-primary: #00baa4 !default;
|
|
$color-warning: #ffca00 !default;
|
|
$color-danger: #ed5335 !default;
|
|
$color-info: #4d6286 !default;
|
|
|
|
$base-font-family: wf_segoe-ui_light,wf_segoe-ui_normal,"Helvetica Neue", Helvetica, Arial, sans-serif !default;
|
|
|
|
// Menu Vars
|
|
// --------------------------------------------------
|
|
//Menu Animation Curve
|
|
$menu-bezier:.05, .74, .27, .99 !default;
|
|
$menu-icon-size:40px !default;
|
|
$color-menu :#2a2e35 !default;
|
|
$color-menu-dark :mix($color-menu, #000, 77%) !default;
|
|
$color-menu-darker :mix($color-menu, #000, 90%) !default;
|
|
|
|
//Generating Menu font color
|
|
$menu-mix-temp : mix($color-menu, #fff, 92%) !default;
|
|
$menu :blend-hardlight($menu-mix-temp,#fff) !default;
|
|
$color-menu-light :$menu !default;
|
|
//Menu Font Color
|
|
$color-menu-link-hover:#fff !default;
|
|
|
|
// Body
|
|
// --------------------------------------------------
|
|
$body-background: $color-master-lightest !default;
|
|
$body-color: $color-master !default;
|
|
$body-font-family : $base-font-family !default;
|
|
$body-font-size : 13px !default;
|
|
|
|
// Layout
|
|
// --------------------------------------------------
|
|
$layout-header-height:60px !default;
|
|
$layout-mobile-header-height:48px !default;
|
|
$layout-mobile-logo-scale:0.8 !default;
|
|
$layout-sidepanel-width-collapsed : 70px !default;
|
|
$layout-sidepanel-width:280px !default;
|
|
$layout-sidepanel-pin-width:250px !default;
|
|
$layout-right-quickview-width: 285px !default;
|
|
$layout-user-profile-margin:25px !default;
|
|
$layout-container-fixed-lg: 1700px !default;
|
|
|
|
$layout-gutter-sm : 5px !default;
|
|
|
|
//Horizontal Dropdown
|
|
//---------------------------------------------------
|
|
$navbar-width:45px;
|
|
$menu-padding:25px;
|
|
|
|
$header-lg-height:75px;
|
|
$header-md-height:51px;
|
|
$header-sm-height:50px;
|
|
|
|
// Panels
|
|
$panel-border-color: rgba(0, 0, 0, 0.07) !default;
|
|
$panel-padding: 20px !default;
|
|
$panel-heading-padding: $panel-padding $panel-padding 7px $panel-padding !default;
|
|
$panel-heading-min-height: 48px !default;
|
|
$panel-condensed-heading-padding: 13px 13px 0 13px !default;
|
|
$panel-condensed-body-padding: 13px !default;
|
|
$panel-condensed-heading-min-height: 48px !default;
|
|
|
|
//Forms
|
|
$form-group-height: 54px !default;
|
|
$form-control-border-color: rgba($color-black, .15) !default;
|
|
|
|
//Dashboard
|
|
$dashboard-background : #f5f5f5 !default;
|
|
|
|
//Mixing Color varriable for creating both light and dark colors
|
|
$mix-percentage-dark: 81% !default;
|
|
$mix-percentage-darker: 60% !default;
|
|
$mix-percentage-light: 80% !default;
|
|
$mix-percentage-lighter: 20% !default;
|
|
|
|
//Lighter colors
|
|
$color-success-light: mix($color-success, $color-white, $mix-percentage-light) !default;
|
|
$color-success-lighter: mix($color-success, $color-white, $mix-percentage-lighter) !default;
|
|
|
|
$color-complete-light: mix($color-complete, $color-white, $mix-percentage-light) !default;
|
|
$color-complete-lighter: mix($color-complete, $color-white, $mix-percentage-lighter) !default;
|
|
|
|
$color-primary-light: mix($color-primary, $color-white, $mix-percentage-light) !default;
|
|
$color-primary-lighter: mix($color-primary, $color-white, $mix-percentage-lighter) !default;
|
|
|
|
$color-warning-light: mix($color-warning, $color-white, $mix-percentage-light) !default;
|
|
$color-warning-lighter: mix($color-warning, $color-white, $mix-percentage-lighter) !default;
|
|
|
|
$color-danger-light: mix($color-danger, $color-white, $mix-percentage-light) !default;
|
|
$color-danger-lighter: mix($color-danger, $color-white, $mix-percentage-lighter) !default;
|
|
|
|
$color-info-light: mix($color-info, $color-white, $mix-percentage-light) !default;
|
|
$color-info-lighter: mix($color-info, $color-white, $mix-percentage-lighter) !default;
|
|
|
|
//Darker colors
|
|
$color-success-dark: mix($color-success, $color-black, $mix-percentage-dark) !default;
|
|
$color-success-darker: mix($color-success, $color-black, $mix-percentage-darker) !default;
|
|
|
|
$color-complete-dark: mix($color-complete, $color-black, $mix-percentage-dark) !default;
|
|
$color-complete-darker: mix($color-complete, $color-black, $mix-percentage-darker) !default;
|
|
|
|
$color-primary-dark: mix($color-primary, $color-black, $mix-percentage-dark) !default;
|
|
$color-primary-darker: mix($color-primary, $color-black, $mix-percentage-darker) !default;
|
|
|
|
$color-warning-dark: mix($color-warning, $color-black, $mix-percentage-dark) !default;
|
|
$color-warning-darker: mix($color-warning, $color-black, $mix-percentage-darker) !default;
|
|
|
|
$color-danger-dark: mix($color-danger, $color-black, $mix-percentage-dark) !default;
|
|
$color-danger-darker: mix($color-danger, $color-black, $mix-percentage-darker) !default;
|
|
|
|
$color-info-dark: mix($color-info, $color-black, $mix-percentage-dark) !default;
|
|
$color-info-darker: mix($color-info, $color-black, $mix-percentage-darker) !default;
|
|
|
|
// Email colors
|
|
// $sidebar-background-color : $color-menu-dark !default;
|
|
$_sidebar-background-color: blend-multiply($color-menu-light, $color-menu-light);
|
|
$sidebar-background-color : mix($_sidebar-background-color , #000, 80%);
|
|
|
|
$secondary-sidebar-width : 250px;
|
|
// Components
|
|
// --------------------------------------------------
|
|
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
|
|
|
|
//$padding-base-vertical: 6px !default;
|
|
$padding-base-horizontal: 17px !default;
|
|
|
|
// $padding-lg-vertical: 28px !default;
|
|
$padding-lg-horizontal: 28px !default;
|
|
|
|
// $padding-sm-vertical: 5px !default;
|
|
$padding-sm-horizontal: 16px !default;
|
|
|
|
$padding-sm-vertical: 2px !default;
|
|
$padding-sm-horizontal: 16px !default;
|
|
|
|
$padding-xs-vertical: 2px !default;
|
|
$padding-xs-horizontal: 9px !default;
|