mirror of https://github.com/ColorlibHQ/AdminLTE
135 lines
3.5 KiB
SCSS
135 lines
3.5 KiB
SCSS
// Variables
|
|
//
|
|
// Variables should follow the `$component-state-property-size` formula for
|
|
// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
|
|
|
|
//
|
|
// Color system
|
|
//
|
|
|
|
$white: #fff !default;
|
|
$gray-100: #f8f9fa !default;
|
|
$gray-200: #e9ecef !default;
|
|
$gray-300: #dee2e6 !default;
|
|
$gray-400: #ced4da !default;
|
|
$gray-500: #adb5bd !default;
|
|
$gray-600: #6c757d !default;
|
|
$gray-700: #495057 !default;
|
|
$gray-800: #343a40 !default;
|
|
$gray-900: #212529 !default;
|
|
$black: #000 !default;
|
|
|
|
// stylelint-disable
|
|
$grays: () !default;
|
|
$grays: map-merge((
|
|
"100": $gray-100,
|
|
"200": $gray-200,
|
|
"300": $gray-300,
|
|
"400": $gray-400,
|
|
"500": $gray-500,
|
|
"600": $gray-600,
|
|
"700": $gray-700,
|
|
"800": $gray-800,
|
|
"900": $gray-900
|
|
), $grays);
|
|
// stylelint-enable
|
|
|
|
$blue: #0d6efd !default;
|
|
$indigo: #6610f2 !default;
|
|
$purple: #6f42c1 !default;
|
|
$pink: #d63384 !default;
|
|
$red: #dc3545 !default;
|
|
$orange: #fd7e14 !default;
|
|
$yellow: #ffc107 !default;
|
|
$green: #198754 !default;
|
|
$teal: #20c997 !default;
|
|
$cyan: #0dcaf0 !default;
|
|
|
|
// stylelint-disable
|
|
$colors: () !default;
|
|
$colors: map-merge((
|
|
"blue": $blue,
|
|
"indigo": $indigo,
|
|
"purple": $purple,
|
|
"pink": $pink,
|
|
"red": $red,
|
|
"orange": $orange,
|
|
"yellow": $yellow,
|
|
"green": $green,
|
|
"teal": $teal,
|
|
"cyan": $cyan,
|
|
"white": $white,
|
|
"gray": $gray-600,
|
|
"gray-dark": $gray-800
|
|
), $colors);
|
|
// stylelint-enable
|
|
|
|
// Color scheme
|
|
|
|
$primary: $blue !default;
|
|
$secondary: $gray-600 !default;
|
|
$success: $green !default;
|
|
$info: $cyan !default;
|
|
$warning: $yellow !default;
|
|
$danger: $red !default;
|
|
$light: $gray-100 !default;
|
|
$dark: $gray-800 !default;
|
|
|
|
// stylelint-disable
|
|
$theme-colors: () !default;
|
|
$theme-colors: map-merge((
|
|
"primary": $primary,
|
|
"secondary": $secondary,
|
|
"success": $success,
|
|
"info": $info,
|
|
"warning": $warning,
|
|
"danger": $danger,
|
|
"light": $light,
|
|
"dark": $dark
|
|
), $theme-colors);
|
|
// stylelint-enable
|
|
|
|
// Options
|
|
//
|
|
// Quickly modify global styling by enabling or disabling optional features.
|
|
|
|
$enable-caret: true !default;
|
|
$enable-rounded: true !default;
|
|
$enable-shadows: true !default;
|
|
$enable-gradients: false !default;
|
|
$enable-transitions: true !default;
|
|
$enable-reduced-motion: true !default;
|
|
$enable-smooth-scroll: true !default;
|
|
$enable-grid-classes: true !default;
|
|
$enable-button-pointers: true !default;
|
|
$enable-rfs: true !default;
|
|
$enable-validation-icons: true !default;
|
|
$enable-negative-margins: false !default;
|
|
$enable-deprecation-messages: true !default;
|
|
$enable-important-utilities: true !default;
|
|
|
|
// Prefix for :root CSS variables
|
|
|
|
$variable-prefix: bs- !default;
|
|
|
|
// Body
|
|
//
|
|
// Settings for the `<body>` element.
|
|
|
|
$body-bg: $white !default;
|
|
$body-color: $gray-900 !default;
|
|
$body-text-align: null !default;
|
|
|
|
// Links
|
|
//
|
|
// Style anchor elements.
|
|
|
|
$link-color: $primary !default;
|
|
$link-decoration: none !default;
|
|
$link-shade-percentage: 20% !default;
|
|
$link-hover-color: shift-color($link-color, $link-shade-percentage) !default;
|
|
$link-hover-decoration: null !default;
|
|
|
|
$stretched-link-pseudo-element: after !default;
|
|
$stretched-link-z-index: 1 !default;
|