mirror of https://github.com/ColorlibHQ/AdminLTE
122 lines
3.1 KiB
SCSS
122 lines
3.1 KiB
SCSS
//AdminLTE 2 Variables.less
|
|
//=========================
|
|
|
|
//PATHS
|
|
//--------------------------------------------------------
|
|
$path-to-bootstrap-sass: "../../bower_components/bootstrap/scss";
|
|
$boxed-layout-bg-image-path: "../img/boxed-bg.jpg";
|
|
|
|
//COLORS
|
|
//--------------------------------------------------------
|
|
//Primary
|
|
$light-blue: #3c8dbc;
|
|
//Danger
|
|
$red: #dd4b39;
|
|
//Success
|
|
$green: #00a65a;
|
|
//Info
|
|
$aqua: #00c0ef;
|
|
//Warning
|
|
$yellow: #f39c12;
|
|
$blue: #0073b7;
|
|
$navy: #001F3F;
|
|
$teal: #39CCCC;
|
|
$olive: #3D9970;
|
|
$lime: #01FF70;
|
|
$orange: #FF851B;
|
|
$fuchsia: #F012BE;
|
|
$purple: #605ca8;
|
|
$maroon: #D81B60;
|
|
$black: #111;
|
|
//$gray: #d2d6de;
|
|
|
|
//LAYOUT
|
|
//--------------------------------------------------------
|
|
|
|
//Side bar and logo width
|
|
$sidebar-width: 230px;
|
|
//Boxed layout maximum width
|
|
$boxed-layout-max-width: 1024px;
|
|
//When the logo should go to the top of the screen
|
|
$screen-header-collapse: map-get($grid-breakpoints, xs);
|
|
|
|
//Link colors (aka: <a> tags)
|
|
$link-color: $light-blue;
|
|
$link-hover-color: lighten($link-color, 15%);
|
|
|
|
//Body background (Affects main content background only)
|
|
$main-bg: #ecf0f5;
|
|
|
|
//SIDEBAR SKINS
|
|
//--------------------------------------------------------
|
|
|
|
//Dark sidebar
|
|
$sidebar-dark-bg: #222d32;
|
|
$sidebar-dark-hover-bg: darken($sidebar-dark-bg, 2%);
|
|
$sidebar-dark-color: lighten($sidebar-dark-bg, 60%);
|
|
$sidebar-dark-hover-color: #fff;
|
|
$sidebar-dark-submenu-bg: lighten($sidebar-dark-bg, 5%);
|
|
$sidebar-dark-submenu-color: lighten($sidebar-dark-submenu-bg, 40%);
|
|
$sidebar-dark-submenu-hover-color: #fff;
|
|
|
|
//Light sidebar
|
|
$sidebar-light-bg: #f9fafc;
|
|
$sidebar-light-hover-bg: lighten(#f0f0f1, 1.5%);
|
|
$sidebar-light-color: #444;
|
|
$sidebar-light-hover-color: #000;
|
|
$sidebar-light-submenu-bg: $sidebar-light-hover-bg;
|
|
$sidebar-light-submenu-color: #777;
|
|
$sidebar-light-submenu-hover-color: #000;
|
|
|
|
//CONTROL SIDEBAR
|
|
//--------------------------------------------------------
|
|
$control-sidebar-width: $sidebar-width;
|
|
|
|
//BOXES
|
|
//--------------------------------------------------------
|
|
$box-border-color: #f4f4f4;
|
|
$box-border-radius: 3px;
|
|
$box-footer-bg: #fff;
|
|
$box-boxshadow: 0 1px 1px rgba(0, 0, 0, 0.125);
|
|
$box-padding: 10px;
|
|
|
|
//Box variants
|
|
$box-default-border-top-color: $gray-light;//#d2d6de;
|
|
|
|
//BUTTONS
|
|
//--------------------------------------------------------
|
|
$btn-boxshadow: none;
|
|
|
|
//PROGRESS BARS
|
|
//--------------------------------------------------------
|
|
$progress-bar-border-radius: 1px;
|
|
$progress-bar-sm-border-radius: 1px;
|
|
$progress-bar-xs-border-radius: 1px;
|
|
|
|
//FORMS
|
|
//--------------------------------------------------------
|
|
$input-radius: 0;
|
|
|
|
//BUTTONS
|
|
//--------------------------------------------------------
|
|
|
|
//Border radius for non flat buttons
|
|
$btn-border-radius: 3px;
|
|
|
|
//DIRECT CHAT
|
|
//--------------------------------------------------------
|
|
$direct-chat-height: 250px;
|
|
$direct-chat-default-msg-bg: $gray;
|
|
$direct-chat-default-font-color: #444;
|
|
$direct-chat-default-msg-border-color: $gray;
|
|
|
|
//CHAT WIDGET
|
|
//--------------------------------------------------------
|
|
$attachment-border-radius: 3px;
|
|
|
|
//TRANSITIONS SETTINGS
|
|
//--------------------------------------------------------
|
|
|
|
//Transition global options
|
|
$transition-speed: 0.3s;
|
|
$transition-fn: ease-in-out; |