316 lines
9.2 KiB
SCSS
316 lines
9.2 KiB
SCSS
///
|
|
/// This file is a copy of the bootstrap _variables.scss file where all the
|
|
/// left-untouched variables definition have been removed.
|
|
///
|
|
|
|
//
|
|
// Color system
|
|
//
|
|
|
|
//Restore BS4 Colors
|
|
$blue: #007bff !default;
|
|
$pink: #e83e8c !default;
|
|
$green: #28a745 !default;
|
|
$cyan: #17a2b8 !default;
|
|
//End Restore BS4 Colors
|
|
|
|
// All of those are BS default
|
|
$white: $o-white !default;
|
|
$gray-100: $o-gray-100 !default;
|
|
$gray-200: $o-gray-200 !default;
|
|
$gray-300: $o-gray-300 !default;
|
|
$gray-400: $o-gray-400 !default;
|
|
$gray-500: $o-gray-500 !default;
|
|
$gray-600: $o-gray-600 !default;
|
|
$gray-700: $o-gray-700 !default;
|
|
$gray-800: $o-gray-800 !default;
|
|
$gray-900: $o-gray-900 !default;
|
|
|
|
$black: $o-black !default;
|
|
|
|
$primary: $o-brand-primary !default;
|
|
$secondary: $gray-300 !default;
|
|
$dark: $o-gray-900 !default;
|
|
|
|
$success: $o-success !default;
|
|
$info: $o-info !default;
|
|
$warning: $o-warning !default;
|
|
$danger: $o-danger !default;
|
|
|
|
|
|
// The contrast ratio to reach against white, to determine if color changes from "light" to "dark". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.
|
|
// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast
|
|
$min-contrast-ratio: 3 !default;
|
|
|
|
// Options
|
|
//
|
|
// Quickly modify global styling by enabling or disabling optional features.
|
|
$enable-smooth-scroll: false !default;
|
|
|
|
// Prefix for :root CSS variables
|
|
$variable-prefix: '' !default;
|
|
|
|
// Restore negative margins disabled in BS5 by default
|
|
$enable-negative-margins: true !default;
|
|
|
|
// Enable CSS Grid classes
|
|
$enable-cssgrid: true !default;
|
|
|
|
// Disable BS5's dark mode until we actually use it for our own dark mode implementation
|
|
$enable-dark-mode: false !default;
|
|
|
|
// Spacing
|
|
$spacer: $o-spacer !default;
|
|
|
|
// Body
|
|
//
|
|
// Settings for the `<body>` element.
|
|
|
|
$body-bg: $o-webclient-background-color !default;
|
|
$body-color: $o-main-text-color !default;
|
|
|
|
// Links
|
|
//
|
|
// Style anchor elements.
|
|
|
|
$link-color: $o-main-link-color !default;
|
|
$link-decoration: none !default;
|
|
$link-hover-decoration: none !default;
|
|
$link-shade-percentage: 30% !default;
|
|
|
|
// Muted
|
|
//
|
|
// Style .text-muted elements
|
|
|
|
$text-muted: $o-main-color-muted !default;
|
|
|
|
// Grid columns
|
|
//
|
|
// Set the number of columns and specify the width of the gutters.
|
|
|
|
$grid-gutter-width: $o-horizontal-padding * 2 !default;
|
|
|
|
// Components
|
|
//
|
|
// Define common padding and border radius sizes and more.
|
|
|
|
$border-color: $o-gray-300 !default;
|
|
|
|
$border-radius: $o-border-radius !default;
|
|
$border-radius-sm: $o-border-radius-sm !default;
|
|
$border-radius-lg: $o-border-radius-lg !default;
|
|
|
|
$component-active-color: $o-component-active-color !default;
|
|
$component-active-bg: $o-component-active-bg !default;
|
|
|
|
$caret-width: 4px !default;
|
|
|
|
// Typography
|
|
//
|
|
// Font, line-height, and color for body text, headings, and more.
|
|
|
|
// Desired weights, not necessarily matching the final result on screen.
|
|
// Check primary_variables.scss for more info.
|
|
$font-weight-normal: $o-font-weight-normal !default;
|
|
$font-weight-bold: $o-font-weight-medium !default;
|
|
|
|
$font-family-sans-serif: $o-font-family-sans-serif !default;
|
|
|
|
$font-size-base: $o-font-size-base !default;
|
|
$font-size-sm: $o-font-size-base-small !default;
|
|
$small-font-size: $font-size-sm !default;
|
|
|
|
$line-height-base: $o-line-height-base !default;
|
|
$line-height-sm: $o-line-height-sm !default;
|
|
$line-height-lg: $o-line-height-lg !default;
|
|
|
|
$h1-font-size: $font-size-base * 2.0 !default;
|
|
$h2-font-size: $font-size-base * 1.5 !default;
|
|
$h3-font-size: $font-size-base * 1.3 !default;
|
|
$h4-font-size: $font-size-base * 1.2 !default;
|
|
$h5-font-size: $font-size-base * 1.1 !default;
|
|
|
|
$headings-font-family: $o-headings-font-family !default;
|
|
$headings-font-weight: $font-weight-bold !default;
|
|
$headings-color: $o-main-headings-color !default;
|
|
|
|
// Tables
|
|
//
|
|
// Customizes the `.table` component with basic values, each used across all table variations.
|
|
|
|
$table-bg: transparent !default;
|
|
$table-striped-color: inherit !default;
|
|
$table-striped-bg-factor: 0.01 !default;
|
|
$table-hover-bg-factor: .055 !default;
|
|
$table-border-color: $border-color !default;
|
|
$table-group-separator-color: $gray-200 !default;
|
|
$table-cell-padding-x: .75rem !default;
|
|
$table-cell-padding-y: .75rem !default;
|
|
$table-cell-padding-x-sm: $o-table-cell-padding-x-sm !default;
|
|
$table-cell-padding-y-sm: $o-table-cell-padding-y-sm !default;
|
|
$table-striped-order: even !default;
|
|
|
|
$table-active-bg-factor: .05 !default;
|
|
$table-active-color: $headings-color !default;
|
|
$table-th-font-weight: $headings-font-weight !default;
|
|
|
|
// Buttons + Forms
|
|
//
|
|
// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
|
|
|
|
$input-btn-padding-y: o-to-rem(5) !default;
|
|
$input-btn-padding-x: o-to-rem(10) !default;
|
|
|
|
$input-btn-padding-y-sm: o-to-rem(3) !default;
|
|
$input-btn-padding-x-sm: o-to-rem(8) !default;
|
|
|
|
$input-btn-padding-y-lg: o-to-rem(6) !default;
|
|
$input-btn-padding-x-lg: o-to-rem(12) !default;
|
|
|
|
// Buttons
|
|
//
|
|
// For each of Bootstrap's buttons, define text, background, and border color.
|
|
|
|
$btn-font-weight: $font-weight-bold !default;
|
|
$btn-disabled-opacity: $o-opacity-disabled !default;
|
|
$btn-border-radius-lg: $border-radius !default;
|
|
|
|
// Dropdowns
|
|
//
|
|
// Dropdown menu container and contents.
|
|
|
|
$dropdown-border-color: $border-color !default;
|
|
|
|
$dropdown-link-color: $o-main-text-color !default;
|
|
$dropdown-link-hover-color: $gray-900 !default;
|
|
$dropdown-link-hover-bg: rgba($black, 0.08) !default;
|
|
|
|
$dropdown-link-active-color: $gray-900 !default;
|
|
$dropdown-link-active-bg: transparent !default;
|
|
|
|
$dropdown-link-disabled-color: $o-main-color-muted !default;
|
|
|
|
$dropdown-item-padding-y: $o-dropdown-vpadding !default;
|
|
$dropdown-item-padding-x: $o-dropdown-hpadding !default;
|
|
|
|
// List group
|
|
|
|
$list-group-bg: $o-view-background-color !default;
|
|
$list-group-hover-bg: $dropdown-link-hover-bg !default;
|
|
|
|
$list-group-active-color: $o-list-group-active-color !default;
|
|
$list-group-active-bg: $o-list-group-active-bg !default;
|
|
$list-group-action-hover-color: $gray-900 !default;
|
|
|
|
// Breadcrumbs
|
|
|
|
$breadcrumb-item-padding-x: $o-breadcrumb-item-padding-x !default;
|
|
|
|
// Z-index master list
|
|
|
|
// Change the z-index of the modal-backdrop elements to be equal to the
|
|
// modal elements' ones. Bootstrap does not support multi-modals, and without
|
|
// this rule all the modal-backdrops are below all the opened modals.
|
|
// Indeed, bootstrap forces them to a lower z-index as the modal-backdrop
|
|
// element (unique in their supported cases) might be put after the modal
|
|
// element (if the modal is already in the DOM, hidden, then opened). This
|
|
// cannot happen in odoo though as modals are not hidden but removed from
|
|
// the DOM and are always put at the end of the body when opened.
|
|
//
|
|
// TODO the following code was disabled because it is saas-incompatible
|
|
//
|
|
// $zindex-modal-backdrop: $zindex-modal;
|
|
|
|
// Navs
|
|
|
|
$nav-tabs-link-active-bg: $white !default;
|
|
|
|
$nav-pills-border-radius: 0 !default;
|
|
$nav-pills-link-active-color: $white !default;
|
|
$nav-pills-link-active-bg: $o-brand-primary !default;
|
|
|
|
// Tooltips
|
|
|
|
$tooltip-font-size: $font-size-sm !default;
|
|
$tooltip-max-width: 400px !default;
|
|
$tooltip-color: $o-gray-200 !default;
|
|
$tooltip-opacity: 1 !default;
|
|
|
|
// Popovers
|
|
|
|
$popover-bg: $white !default;
|
|
$popover-border-color: $border-color !default;
|
|
$popover-border-radius: $border-radius !default;
|
|
$popover-arrow-color: var(--popover-arrow-color, #{$popover-bg}) !default;
|
|
$popover-arrow-outer-color: $popover-border-color !default;
|
|
|
|
// Toasts
|
|
|
|
$toast-max-width: 320px !default;
|
|
$toast-padding-x: 1.5rem !default;
|
|
$toast-padding-y: 0.5rem !default;
|
|
$toast-font-size: $font-size-base !default;
|
|
$toast-background-color: rgba($white, .7) !default;
|
|
$toast-header-background-color: $toast-background-color !default;
|
|
|
|
// Modals
|
|
|
|
// Padding applied to the modal body
|
|
$modal-inner-padding: $o-horizontal-padding !default;
|
|
$modal-footer-margin-between: 1px !default;
|
|
|
|
$modal-lg: $o-modal-lg !default;
|
|
$modal-md: $o-modal-md !default;
|
|
|
|
$modal-content-border-radius: $border-radius !default;
|
|
$modal-content-bg: $o-view-background-color !default;
|
|
|
|
$modal-scale-transform: none !default;
|
|
|
|
// Breadcrumbs
|
|
|
|
$breadcrumb-padding-y: 0 !default;
|
|
$breadcrumb-padding-x: 0 !default;
|
|
$breadcrumb-margin-bottom: 0 !default;
|
|
|
|
$breadcrumb-bg: $o-control-panel-background-color !default;
|
|
|
|
// Code
|
|
|
|
$code-color: $o-main-code-color!default;
|
|
|
|
// User input typically entered via keyboard
|
|
|
|
$kbd-color: $o-gray-700 !default;
|
|
$kbd-bg: $o-gray-100 !default;
|
|
$kbd-box-shadow: 0px 1px 1px rgba($o-black, 0.2), inset 0px -1px 1px 1px rgba($o-gray-200, 0.8), inset 0px 2px 0px 0px rgba($o-white, 0.8) !default;
|
|
|
|
// Input
|
|
$input-bg: $o-input-bg !default;
|
|
$input-focus-border-color: $o-brand-primary !default;
|
|
$form-check-input-checked-color: $o-brand-lightsecondary !default;
|
|
$form-check-input-checked-border-color: $o-brand-primary !default;
|
|
$form-check-input-checked-bg-color: $o-brand-primary !default;
|
|
$form-switch-checked-color: $white !default;
|
|
$form-switch-focus-color: mix($o-success, $input-bg) !default;
|
|
|
|
$form-range-thumb-bg: $primary !default;
|
|
$form-range-thumb-focus-box-shadow: 0 0 0 1px $o-brand-primary !default;
|
|
|
|
// Badge
|
|
$badge-color: inherit !default;
|
|
$badge-padding-y: 0.25em !default;
|
|
$badge-padding-x: 0.82em !default;
|
|
|
|
// Placeholder color
|
|
$input-placeholder-color: mix($gray-400, $gray-500) !default;
|
|
|
|
// Card
|
|
$card-bg: $o-view-background-color !default;
|
|
$card-spacer-y: $spacer !default; // BS Default
|
|
$card-cap-padding-y: $card-spacer-y !default;
|
|
|
|
.user-select-none {
|
|
-webkit-user-select: none !important; // not included in BS by default
|
|
}
|