|
|
|
|
// ---------------------------------------------------------
|
|
|
|
|
// BREAKPOINTS
|
|
|
|
|
// ---------------------------------------------------------
|
|
|
|
|
|
|
|
|
|
$breakpoint-xl : 1440px;
|
|
|
|
|
$breakpoint-lg : 1200px;
|
|
|
|
|
$breakpoint-md : 992px;
|
|
|
|
|
$breakpoint-sm : 768px;
|
|
|
|
|
$breakpoint-xs : 480px;
|
|
|
|
|
|
|
|
|
|
// ---------------------------------------------------------
|
|
|
|
|
// GREYSCALE COLORS
|
|
|
|
|
// ---------------------------------------------------------
|
|
|
|
|
|
|
|
|
|
$grey-100 : #f9fafb;
|
|
|
|
|
$grey-200 : #f2f3f5;
|
|
|
|
|
$grey-300 : #e6eaf0;
|
|
|
|
|
$grey-400 : #d3d9e3;
|
|
|
|
|
$grey-500 : #b9c2d0;
|
|
|
|
|
$grey-600 : #7c8695;
|
|
|
|
|
$grey-700 : #72777a;
|
|
|
|
|
$grey-800 : #565a5c;
|
|
|
|
|
$grey-900 : #313435;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// ---------------------------------------------------------
|
|
|
|
|
// COLORS THEME DEFAULT
|
|
|
|
|
// ---------------------------------------------------------
|
|
|
|
|
|
|
|
|
|
$default-danger : #ff3c7e;
|
|
|
|
|
$default-dark : #54667a;
|
|
|
|
|
$default-grey : #565a5c;
|
|
|
|
|
$default-info : #4abaff;
|
|
|
|
|
$default-primary : #7774e7;
|
|
|
|
|
$default-success : #37c936;
|
|
|
|
|
$default-text-color : #72777a;
|
|
|
|
|
$default-yellow : #FFCC00;
|
|
|
|
|
$default-link : rgb(0, 153, 255);
|
|
|
|
|
|
|
|
|
|
$default-white : #FFFFFF;
|
|
|
|
|
$default-black : #000000;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// ---------------------------------------------------------
|
|
|
|
|
// COLORS PAGE
|
|
|
|
|
// ---------------------------------------------------------
|
|
|
|
|
// linear-gradient(120deg, #00a5e4, #4a71d0);
|
|
|
|
|
|
|
|
|
|
$page-background : #FFFFFF;
|
|
|
|
|
$menu-background : #FFFFFF;
|
|
|
|
|
$menu-secondary : #ff3c7e;
|
|
|
|
|
|
|
|
|
|
// SIDEBAR
|
|
|
|
|
$sidebar-background : #0BADFE;
|
|
|
|
|
$sidebar-focus : #42BEFF;
|
|
|
|
|
$sidebar-link : #FFFFFF;
|
|
|
|
|
$sidebar-div-top : #19D3FF;
|
|
|
|
|
$sidebar-div-down : #0caffe;
|
|
|
|
|
$sidebar-current : #0aa4f1;
|
|
|
|
|
$sidebar-dropdown : $sidebar-current;
|
|
|
|
|
|
|
|
|
|
$header-link : #54667a;
|
|
|
|
|
$header-hover : #ff3c7e;
|
|
|
|
|
$breadcrumb-color : #d2f1ff;
|
|
|
|
|
$select-color : #ced4da;
|
|
|
|
|
// ---------------------------------------------------------
|
|
|
|
|
// OTHERS
|
|
|
|
|
// ---------------------------------------------------------
|
|
|
|
|
|
|
|
|
|
$collapsed-size : 70px;
|
|
|
|
|
$header-height : 65px;
|
|
|
|
|
$offscreen-size : 280px;
|
|
|
|
|
|
|
|
|
|
// ---------------------------------------------------------
|
|
|
|
|
// FONTS
|
|
|
|
|
// ---------------------------------------------------------
|
|
|
|
|
|
|
|
|
|
$font-primary: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
|
|
|
|
|
$font-secondary: $font-primary;
|
|
|
|
|
$font-size-base: 0.875rem;
|
