weseek__growi/packages/core/scss/bootstrap/_variables.scss

// TODO: activate (https://redmine.weseek.co.jp/issues/128307)

// 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
$success:       #4a9017 !default;
$info:          #4689aa !default;
$warning:       #c99818 !default;
$danger:        #de4d4d !default;

$success-text-emphasis:       mix($gray-900, $success, 30%) !default;
$info-text-emphasis:          mix($gray-900, $info, 30%) !default;
$warning-text-emphasis:       mix($gray-900, $warning, 30%) !default;
$danger-text-emphasis:        mix($gray-900, $danger, 30%) !default;

$success-bg-subtle:           mix(#fff, $success, 90%) !default;
$info-bg-subtle:              mix(#fff, $info, 90%) !default;
$warning-bg-subtle:           mix(#fff, $warning, 90%) !default;
$danger-bg-subtle:            mix(#fff, $danger, 90%) !default;

$success-border-subtle:       mix(#fff, $success, 70%) !default;
$info-border-subtle:          mix(#fff, $info, 70%) !default;
$warning-border-subtle:       mix(#fff, $warning, 70%) !default;
$danger-border-subtle:        mix(#fff, $danger, 70%) !default;


// Options
//
// Quickly modify global styling by enabling or disabling optional features.

// $enable-shadows: true;

// Links
//
// Style anchor elements.

$link-decoration: none;

// Grid breakpoints
//
// Define the minimum dimensions at which your layout will change,
// adapting to different screen sizes, for use in media queries.

// $grid-breakpoints: (
//   xs: 0,
//   sm: 576px,
//   md: 768px,
//   lg: 992px,
//   xl: 1200px,
//   xxl: 1480px,
// );

// Grid containers
//
// Define the maximum width of `.container` for different screen sizes.

// $container-max-widths: (
//   sm: 540px,
//   md: 720px,
//   lg: 960px,
//   xl: 1140px,
//   xxl: 1320px,
// );

//== Typography
//
//## Font, line-height, and color for body text, headings, and more.
$font-family-sans-serif: var(--font-family-sans-serif);
$font-family-serif: var(--font-family-serif);
$font-family-monospace: var(--font-family-monospace);
$font-family-base: $font-family-sans-serif;

// $font-size-base: 0.875rem;  // 16px -> 14px
// $line-height-base: 1.42857;

// $blockquote-footer-color: $gray-500;

//== Components
//
// $border-radius: 4px;
// $border-radius-sm: 0;
// $border-radius-lg: 8px;

// Buttons
//
// For each of Bootstrap's buttons, define text, background, and border color.
// $btn-focus-box-shadow: none;
// $btn-active-box-shadow: none;

//== Forms
//
// $input-border-color: $gray-300;
// $input-placeholder-color: $gray-500;

// $form-check-indicator-border-color: $gray-400;
// $form-check-label-disabled-color: $gray-500;
// $form-select-disabled-color: $gray-500;
// $form-range-thumb-disabled-bg: $gray-400;

//== Navs
// $nav-link-padding-y: 0.75rem;
// $nav-link-padding-x: 1rem;
// $nav-link-disabled-color: $gray-500;

//== Navbar
// $navbar-padding-y: 0;
// $navbar-brand-padding-y: 0;
// $navbar-nav-link-padding-x: 1rem;

//== Dropdowns
// $dropdown-border-radius: $border-radius-lg;
// $dropdown-link-disabled-color: $gray-500;
// $dropdown-header-color: $gray-500;
// $dropdown-box-shadow: 0 0.5rem 0.7rem rgba(black, 0.1);

//== Popovers
// $popover-border-radius: $border-radius;
// $popover-box-shadow: 0 0.5rem 0.7rem rgba(black, 0.1);

//== Pagination
// $pagination-disabled-color: $gray-500;

//== Cards
// $card-spacer-y: 7px;
// $card-spacer-x: 15px;

//== Toasts
// $toast-header-color: $gray-500;

//== Modals
// $modal-content-border-width: 0;
// $modal-content-border-radius: $border-radius-lg;
// $modal-header-padding-y: 0.75rem;
// $modal-header-padding-x: 1rem;
$modal-footer-border-width: 0;

//== Alerts
// $alert-bg-level: -2;
// $alert-border-level: 0;
// $alert-color-level: -10;

//== Progress bar
// $progress-height: 4px;
// $progress-bg: $gray-100;
// $progress-box-shadow: none;

//== List group
// $list-group-disabled-color: $gray-500;

//==  Figures
// $figure-caption-color: $gray-500;

//==  Breadcrumbs
// $breadcrumb-divider-color: $gray-500;
// $breadcrumb-active-color: $gray-500;

//== Code
$pre-color: dummyinvalildcolor; // disable pre color specification with invalid value

//== Custom Checkbox
// $form-check-indicator-border-radius: 0px;
// $form-check-indicator-focus-box-shadow: none;
// $form-check-indicator-size: 1.2rem;