You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
93 lines
2.3 KiB
93 lines
2.3 KiB
// |
|
// Default Variables for All oe-styles Themes |
|
// |
|
/* Default Colors */ |
|
$blue: #007bff !default; |
|
$indigo: #6610f2 !default; |
|
$purple: #6f42c1 !default; |
|
$pink: #e83e8c !default; |
|
$red: #dc3545 !default; |
|
$orange: #fd7e14 !default; |
|
$yellow: #ffc107 !default; |
|
$green: #28a745 !default; |
|
$teal: #20c997 !default; |
|
$cyan: #17a2b8 !default; |
|
$white: #fff !default; |
|
$black: #000 !default; |
|
|
|
/* Default Grays */ |
|
$gray-100: #f8f9fa !default; |
|
$gray-200: #e9ecef !default; |
|
$gray-300: #dee2e6 !default; |
|
$gray-400: #ced4da !default; |
|
$gray-500: #adb5bd !default; |
|
$gray-600: #868e96 !default; |
|
$gray-700: #495057 !default; |
|
$gray-800: #343a40 !default; |
|
$gray-900: #212529 !default; |
|
|
|
/* Equivalents to bg-light/dark as well as default for gray */ |
|
$light: $gray-100 !default; |
|
$dark: $gray-800 !default; |
|
$gray: $gray-600 !default; |
|
$gray-dark: $gray-800 !default; |
|
$ovr-dark: $gray-800 !default; |
|
$ovr-light: $gray-100 !default; |
|
|
|
$body-bg: $white !default; |
|
$body-color: $gray-900 !default; |
|
$secondary-color: $gray-100 !default; |
|
|
|
/* Array of theme colors that can be added to */ |
|
$theme-colors: ( |
|
primary: $blue, |
|
secondary: $secondary-color, |
|
success: $green, |
|
info: $cyan, |
|
warning: $yellow, |
|
danger: $red, |
|
light: $light, |
|
dark: $dark, |
|
ovr-dark: $ovr-dark, |
|
ovr-light: $ovr-light, |
|
body-color: $body-color |
|
); |
|
|
|
/* Array of random colors that can be added to */ |
|
$colors: ( |
|
"blue": $blue, |
|
"indigo": $indigo, |
|
"purple": $purple, |
|
"pink": $pink, |
|
"red": $red, |
|
"orange": $orange, |
|
"yellow": $yellow, |
|
"green": $green, |
|
"teal": $teal, |
|
"cyan": $cyan, |
|
"white": $white, |
|
"gray": $gray, |
|
"gray-dark": $gray-dark, |
|
"black": $black, |
|
"gray100": $gray-100, |
|
"gray200": $gray-200, |
|
"gray300": $gray-300, |
|
"gray400": $gray-400, |
|
"gray500": $gray-500, |
|
"gray600": $gray-600, |
|
"gray700": $gray-700, |
|
"gray800": $gray-800, |
|
"gray900": $gray-900 |
|
); |
|
|
|
/* Above adds overrides to allow regular CSS coloring */ |
|
|
|
$font-family-sans-serif: "Lato", "Helvetica", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default; |
|
$font-size-base: 0.875rem; |
|
$rfs-base-value: 0.875rem; |
|
$font-family-base: $font-family-sans-serif; |
|
|
|
$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex, initial, inherit; |
|
|
|
// Enables responsive text for Bootstrap |
|
$enable-responsive-font-sizes: true;
|
|
|