EnVisageOnline/Tools/Third-Party/PIXELADMIN/1.3.0/styles/pixel-admin-scss/_variables.scss

156 lines
3.2 KiB
SCSS

//
// Variables
// --------------------------------------------------
// Paths
$fonts-path: "../fonts";
$images-path: "../images";
// Font-Awesome fonts path
$fa-font-path: "#{$fonts-path}/font-awesome";
// --------------------------------------------------
// Override Bootstrap's variables
//
//** Global text color on `<body>`.
$text-color: #555;
//** Global textual link color.
$link-color: #4083a9;
//** Link hover color set via `darken()` function.
$link-hover-color: #205f82;
$font-family-sans-serif: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-family-base: $font-family-sans-serif;
$font-size-base: 13px;
$font-size-large: 17px; // Set the same value as for the LESS-version
$border-radius-base: 2px;
$border-radius-large: 3px;
$border-radius-small: 2px;
//** Border color for table and cell borders.
$table-border-color: darken(#eee, 4%);
//** `<input>` border color
$input-border: lighten(#ccc, 4%);
//** Placeholder text color
$input-color-placeholder: #999;
$input-border-radius: $border-radius-base;
$input-height-base: 32px; // Set the same value as for the LESS-version
$input-height-large: 45px; // Set the same value as for the LESS-version
//** Padding between columns. Gets divided in half for the left and right.
$grid-gutter-width: 22px;
$popover-arrow-outer-color: rgba(0,0,0,.25);
//** Popover outer arrow fallback color
$popover-arrow-outer-fallback-color: #999;
$modal-inner-padding: 20px;
// --------------------------------------------------
// PixelAdmin's variables
//
$content-wrapper-padding: 18px;
// Main navbar height
$main-navbar-height: 46px;
$main-navbar-right-padding: 16px;
// Screen sizes
//
// Main menu width
$main-menu-width: 240px;
// Collapsed main menu width
$main-menu-collapsed-width: 56px;
// Main menu item height
$main-menu-item-height: 42px;
$main-menu-subitem-height: 36px;
// Panel content padding
$panel-content-padding: 20px;
// Screen sizes
//
$screen-desktop: 992px;
$screen-tablet: 768px;
$screen-small: 480px;
// Z-Indexes
//
$zindex-main-menu: 500;
$zindex-datepicker: 400;
$zindex-datepaginator: 400;
$zindex-growls: 5000;
$zindex-summernote-fullscreen: 1050; // bs3 modal-backdrop: 1030
$zindex-datepicker-modal: 1040;
$zindex-datepaginator-modal: 1040;
// Labels
//
$label-tag-height: 20px;
$label-tag-horizontal-padding: 5px;
$label-tag-arrow-width: 12px;
$label-tag-circle-size: 6px;
// Popovers
//
$popover-border-width: 3px;
$popover-border-color: rgba(0, 0, 0, .2);
// Colors
//
$tabs-border-color: $table-border-color;
$pagination-border-color: $table-border-color;
$list-groups-border-color: $table-border-color;
$accordion-border-color: $table-border-color;
$panels-border-color: $table-border-color;
$tooltip-bg: #222;
$panel-heading-bg: #fafafa;
$info-color: #5bc0de;
$success-color: #5ebd5e;
$warning-color: #f4b04f;
$danger-color: #e66454;
// Wizard
$wizard-step-number-size: 26px;
$wizard-step-number-border-width: 2px;
$wizard-step-number-margin: 10px;
// Bootstrap datepicker
$bootstrap-datepicker-col-width: 30px;
// Alt messages widget
$widget-messages-alt-hpadding: 12px;
$widget-messages-alt-img-width: 32px;
// Sign in page
$signin-form-group-w-icon-width: 40px;