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.
217 lines
7.2 KiB
217 lines
7.2 KiB
// $Id$
|
|
// Amelia for Bootstrap 5
|
|
// Variables
|
|
|
|
// - - - - - - - Bootstrap variables (override values in vendor_bundled/vendor/twbs/bootstrap/scss/_variables.scss - - - - - - //
|
|
|
|
// Color system
|
|
$gray-900: #212529;
|
|
$gray-800: #343a40;
|
|
$gray-700: #495057;
|
|
$gray-600: #6c757d;
|
|
$gray-500: #adb5bd; // lighten(#000000, 33.5%); //
|
|
$gray-400: #ced4da;
|
|
$gray-300: #dee2e6;
|
|
$gray-200: #e9ecef;
|
|
$gray-100: #f8f9fa ;
|
|
$white: #fff;
|
|
$black: #000;
|
|
|
|
$primary: #F5CDC2; // #f5af9f; // #F3C9C9;
|
|
$secondary: #E2CBCB;
|
|
$success: #A5E4A0;
|
|
$info: #D5CDEA;
|
|
$warning: #E4D081;
|
|
$danger: #EEC9AF;
|
|
$dark: #ad1d28;
|
|
$light: #5AE3ED;
|
|
|
|
$theme-colors: (
|
|
"primary": #F5CDC2, // #f5af9f, //#F3C9C9, // #ad1d28,
|
|
"secondary": #E2CBCB, // #c05a50, // #82241b,
|
|
"success": #A5E4A0, // #81da78, // #48ca3b,
|
|
"info": #D5CDEA, // #907bc7, // #4d3a7d,
|
|
"warning": #E4D081, // #e0c96b,
|
|
"danger": #EEC9AF, // #d98c56,
|
|
"light": #5AE3ED, // #18cbd8,
|
|
"dark": #ad1d28, // $black,
|
|
);
|
|
|
|
// Options
|
|
// Prefix for :root CSS variables
|
|
|
|
$variable-prefix: bs- !default; // Deprecated in v5.2.0 for the shorter `$prefix`
|
|
$prefix: $variable-prefix !default;
|
|
// Gradient
|
|
// Spacing
|
|
// Body
|
|
$body-bg: #0c6369; // #108a93; WAI
|
|
$body-color: #fff;
|
|
|
|
// Utility maps
|
|
// Links
|
|
$link-color: lighten($warning, 15%);
|
|
$link-hover-color: $link-color;
|
|
$link-hover-decoration: underline;
|
|
|
|
// Paragraphs
|
|
// Grid breakpoints
|
|
// Grid containers
|
|
// Grid columns
|
|
// Container padding
|
|
//Components
|
|
$padding-base-vertical: .5rem;
|
|
$padding-large-vertical: .9rem;
|
|
|
|
// Typography
|
|
//Fonts
|
|
$font-family-sans-serif: "Cabin", Arial, sans-serif;
|
|
$headings-font-family: 'Lobster', cursive;
|
|
$blockquote-footer-color: #E6E8EA;
|
|
$text-muted: $gray-200;
|
|
|
|
// Tables
|
|
$table-head-bg: #108a93;
|
|
$table-head-color: #fff;
|
|
|
|
// Forms
|
|
$input-bg: $gray-100;
|
|
$input-color: $gray-800;
|
|
$input-placeholder-color: #585E65;
|
|
|
|
// Form validation
|
|
// Z-index master list
|
|
// Navs
|
|
$nav-link-color: $link-color;
|
|
$nav-tabs-link-active-color: $body-color;
|
|
$nav-link-disabled-color: darken($nav-link-color, 10%);
|
|
$nav-pills-link-active-bg: darken($body-bg, 8%);
|
|
|
|
// Navbar
|
|
$navbar-dark-color: $link-color;
|
|
$navbar-dark-hover-color: lighten($navbar-dark-color, 25%);
|
|
$navbar-dark-active-color: $navbar-dark-color;
|
|
$navbar-dark-disabled-color: lighten($navbar-dark-color, 50%);
|
|
|
|
$navbar-light-color: $black;
|
|
$navbar-light-hover-color: rgba($black, .7) !default;
|
|
$navbar-light-active-color: rgba($black, .9) !default;
|
|
$navbar-light-disabled-color: rgba($black, .3) !default;
|
|
|
|
// Navbar links
|
|
|
|
// Dropdowns
|
|
$dropdown-bg: #fff;
|
|
$dropdown-border-color: #444;
|
|
$dropdown-link-color: #444;
|
|
$dropdown-link-hover-color: #fff;
|
|
$dropdown-link-hover-bg: #15b5c1;
|
|
|
|
// Pagination
|
|
$pagination-bg: #0C5055;
|
|
|
|
// Pagination
|
|
$pagination-bg: $body-bg;
|
|
$pagination-focus-color: darken($link-color,8%);
|
|
$pagination-focus-bg: darken($pagination-bg,8%);
|
|
$pagination-hover-color: $link-color;
|
|
$pagination-hover-bg: lighten($pagination-bg,10%);
|
|
$pagination-active-color: #fff;
|
|
$pagination-active-bg: $dark;
|
|
$pagination-disabled-color: $pagination-focus-color;
|
|
$pagination-disabled-bg: #094344;
|
|
|
|
// Jumbotron (retired)
|
|
$jumbotron-bg: darken($body-bg, 5%);
|
|
|
|
// Cards
|
|
$card-bg: #0D6C73;
|
|
$card-border-color: #0d747c;
|
|
$card-cap-bg: #0D676E;
|
|
|
|
// Accordion
|
|
|
|
// scss-docs-start accordion-variables
|
|
$accordion-padding-y: 1rem !default;
|
|
$accordion-padding-x: 1.25rem !default;
|
|
$accordion-color: var(--#{$prefix}body-color) !default;
|
|
$accordion-bg: $body-bg !default;
|
|
//$accordion-border-width: $border-width !default;
|
|
$accordion-border-color: var(--#{$prefix}border-color) !default;
|
|
//$accordion-border-radius: $border-radius !default;
|
|
//$accordion-inner-border-radius: subtract($accordion-border-radius, $accordion-border-width) !default;
|
|
|
|
//$accordion-body-padding-y: $accordion-padding-y !default;
|
|
//$accordion-body-padding-x: $accordion-padding-x !default;
|
|
|
|
//$accordion-button-padding-y: $accordion-padding-y !default;
|
|
//$accordion-button-padding-x: $accordion-padding-x !default;
|
|
$accordion-button-color: $accordion-color !default;
|
|
$accordion-button-bg: $dark; // #ddb9af; // var(--#{$prefix}accordion-bg) !default;
|
|
//$accordion-transition: $btn-transition, border-radius .15s ease !default;
|
|
$accordion-button-active-bg: #6e0d0d; // tint-color($component-active-bg, 90%) !default;
|
|
$accordion-button-active-color: #ddb9af; //shade-color($primary, 10%) !default;
|
|
|
|
//$accordion-button-focus-border-color: $input-focus-border-color !default;
|
|
//$accordion-button-focus-box-shadow: $btn-focus-box-shadow !default;
|
|
|
|
$accordion-icon-width: 1.25rem !default;
|
|
$accordion-icon-color: $accordion-button-color !default;
|
|
$accordion-icon-active-color: $accordion-button-active-color !default;
|
|
$accordion-icon-transition: transform .2s ease-in-out !default;
|
|
$accordion-icon-transform: rotate(-180deg) !default;
|
|
|
|
$accordion-button-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !default;
|
|
$accordion-button-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !default;
|
|
// scss-docs-end accordion-variables
|
|
|
|
// Tooltips
|
|
// Popovers
|
|
$popover-bg: #13a0aa;
|
|
$popover-body-color: #fff;
|
|
$popover-header-bg: #18cbd8;
|
|
$popover-header-color: #fff;
|
|
|
|
// Toasts
|
|
// Badges
|
|
$badge-color: #000;
|
|
|
|
// Modals
|
|
$modal-content-bg: $body-bg;
|
|
|
|
// Alerts
|
|
// Progress bars
|
|
$progress-bg: $gray-200 !default;
|
|
//$progress-border-radius: $border-radius !default;
|
|
//$progress-box-shadow: $box-shadow-inset !default;
|
|
$progress-bar-color: $black; // $white !default;
|
|
$progress-bar-bg: $primary !default;
|
|
|
|
// List group
|
|
$list-group-bg: $body-bg;
|
|
$list-group-color: darken($body-color, 8%);
|
|
$list-group-disabled-color: darken($list-group-color, 10%);
|
|
|
|
// Image thumbnails
|
|
// Figures
|
|
$figure-caption-color: $gray-100;
|
|
|
|
// Breadcrumbs
|
|
$breadcrumb-bg: #0C5055;
|
|
$breadcrumb-active-color: #BDBDBD;
|
|
|
|
// Carousel
|
|
// Close
|
|
// Offcanvas
|
|
// Code
|
|
|
|
// - - - - - - - - - - - - - - - - Other variables, if any - - - - - - - - - - - - - - - - - //
|
|
|
|
$bg-dark: #ad1d28 !important;
|
|
$navbar-dark-bg: #ad1d28 !important;
|
|
|
|
$blockquote-color: #E6E8EA;
|
|
$blockquote-left-border-color: #E6E8EA;
|
|
$dropdown-item: $dropdown-link-color;
|
|
|
|
//$megamenu-dropdown-link-color: $dropdown-link-color;
|