bootstrap-vue
Version:
BootstrapVue, with more than 85 custom components, over 45 plugins, several custom directives, and over 300 icons, provides one of the most comprehensive implementations of Bootstrap v4 components and grid system for Vue.js. With extensive and automated W
1 lines • 24.3 kB
Source Map (JSON)
{"version":3,"sources":["../scripts/icons.scss","bootstrap-vue-icons.css","../src/_utilities.scss","../node_modules/bootstrap/scss/mixins/_breakpoints.scss","../src/icons/_icons.scss","../src/_variables.scss"],"names":[],"mappings":"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","file":"bootstrap-vue-icons.css","sourcesContent":["/*!\n * BootstrapVue Icons Custom CSS (https://bootstrap-vue.org)\n */\n\n// Include Bootstrap functions, variables, and mixins\n@import \"node_modules/bootstrap/scss/functions\";\n@import \"node_modules/bootstrap/scss/variables\";\n@import \"node_modules/bootstrap/scss/mixins\";\n\n// Import BootstrapVue Icons custom SCSS\n@import \"../src/icons.scss\";\n","/*!\n * BootstrapVue Icons Custom CSS (https://bootstrap-vue.org)\n */\n.bv-no-focus-ring:focus {\n outline: none;\n}\n\n@media (max-width: 575.98px) {\n .bv-d-xs-down-none {\n display: none !important;\n }\n}\n\n@media (max-width: 767.98px) {\n .bv-d-sm-down-none {\n display: none !important;\n }\n}\n\n@media (max-width: 991.98px) {\n .bv-d-md-down-none {\n display: none !important;\n }\n}\n\n@media (max-width: 1199.98px) {\n .bv-d-lg-down-none {\n display: none !important;\n }\n}\n\n.bv-d-xl-down-none {\n display: none !important;\n}\n\n.b-icon.bi {\n display: inline-block;\n overflow: visible;\n vertical-align: -0.15em;\n}\n\n.b-icon.b-icon-animation-cylon,\n.b-icon.b-iconstack .b-icon-animation-cylon > g {\n transform-origin: center;\n animation: 0.75s infinite ease-in-out alternate b-icon-animation-cylon;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .b-icon.b-icon-animation-cylon,\n .b-icon.b-iconstack .b-icon-animation-cylon > g {\n animation: none;\n }\n}\n\n.b-icon.b-icon-animation-cylon-vertical,\n.b-icon.b-iconstack .b-icon-animation-cylon-vertical > g {\n transform-origin: center;\n animation: 0.75s infinite ease-in-out alternate b-icon-animation-cylon-vertical;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .b-icon.b-icon-animation-cylon-vertical,\n .b-icon.b-iconstack .b-icon-animation-cylon-vertical > g {\n animation: none;\n }\n}\n\n.b-icon.b-icon-animation-fade,\n.b-icon.b-iconstack .b-icon-animation-fade > g {\n transform-origin: center;\n animation: 0.75s infinite ease-in-out alternate b-icon-animation-fade;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .b-icon.b-icon-animation-fade,\n .b-icon.b-iconstack .b-icon-animation-fade > g {\n animation: none;\n }\n}\n\n.b-icon.b-icon-animation-spin,\n.b-icon.b-iconstack .b-icon-animation-spin > g {\n transform-origin: center;\n animation: 2s infinite linear normal b-icon-animation-spin;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .b-icon.b-icon-animation-spin,\n .b-icon.b-iconstack .b-icon-animation-spin > g {\n animation: none;\n }\n}\n\n.b-icon.b-icon-animation-spin-reverse,\n.b-icon.b-iconstack .b-icon-animation-spin-reverse > g {\n transform-origin: center;\n animation: 2s infinite linear reverse b-icon-animation-spin;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .b-icon.b-icon-animation-spin-reverse,\n .b-icon.b-iconstack .b-icon-animation-spin-reverse > g {\n animation: none;\n }\n}\n\n.b-icon.b-icon-animation-spin-pulse,\n.b-icon.b-iconstack .b-icon-animation-spin-pulse > g {\n transform-origin: center;\n animation: 1s infinite steps(8) normal b-icon-animation-spin;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .b-icon.b-icon-animation-spin-pulse,\n .b-icon.b-iconstack .b-icon-animation-spin-pulse > g {\n animation: none;\n }\n}\n\n.b-icon.b-icon-animation-spin-reverse-pulse,\n.b-icon.b-iconstack .b-icon-animation-spin-reverse-pulse > g {\n transform-origin: center;\n animation: 1s infinite steps(8) reverse b-icon-animation-spin;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .b-icon.b-icon-animation-spin-reverse-pulse,\n .b-icon.b-iconstack .b-icon-animation-spin-reverse-pulse > g {\n animation: none;\n }\n}\n\n.b-icon.b-icon-animation-throb,\n.b-icon.b-iconstack .b-icon-animation-throb > g {\n transform-origin: center;\n animation: 0.75s infinite ease-in-out alternate b-icon-animation-throb;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .b-icon.b-icon-animation-throb,\n .b-icon.b-iconstack .b-icon-animation-throb > g {\n animation: none;\n }\n}\n\n@keyframes b-icon-animation-cylon {\n 0% {\n transform: translateX(-25%);\n }\n 100% {\n transform: translateX(25%);\n }\n}\n\n@keyframes b-icon-animation-cylon-vertical {\n 0% {\n transform: translateY(25%);\n }\n 100% {\n transform: translateY(-25%);\n }\n}\n\n@keyframes b-icon-animation-fade {\n 0% {\n opacity: 0.1;\n }\n 100% {\n opacity: 1;\n }\n}\n\n@keyframes b-icon-animation-spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(359deg);\n }\n}\n\n@keyframes b-icon-animation-throb {\n 0% {\n opacity: 0.5;\n transform: scale(0.5);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n.btn .b-icon.bi,\n.nav-link .b-icon.bi,\n.dropdown-toggle .b-icon.bi,\n.dropdown-item .b-icon.bi,\n.input-group-text .b-icon.bi {\n font-size: 125%;\n vertical-align: text-bottom;\n}\n\n/*# sourceMappingURL=bootstrap-vue-icons.css.map */","// --- BootstrapVue utility / helper classes ---\n\n$bv-utility-classes-defined: false !default;\n\n// Make sure to include these style definitions only once\n@if $bv-utility-classes-defined == false {\n $bv-utility-classes-defined: true;\n\n // No focus outline helper (use sparingly)\n .bv-no-focus-ring:focus {\n outline: none;\n }\n\n // Create `.bv-d-<bp>-down-none` helper classes\n @each $breakpoint in map-keys($grid-breakpoints) {\n @include media-breakpoint-down($breakpoint) {\n .bv-d-#{$breakpoint}-down-none {\n display: none !important;\n }\n }\n }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n","// Base icon styling\n.b-icon {\n &.bi {\n display: inline-block;\n overflow: visible;\n // The following is required to compensate for alignment\n // issues with the Bootstrap Icons alpha implementation\n vertical-align: $b-icon-vertical-offset;\n }\n\n &.b-icon-animation-cylon,\n &.b-iconstack .b-icon-animation-cylon > g {\n transform-origin: center;\n animation: $b-icon-animation-cylon-duration infinite ease-in-out alternate\n b-icon-animation-cylon;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n }\n\n &.b-icon-animation-cylon-vertical,\n &.b-iconstack .b-icon-animation-cylon-vertical > g {\n transform-origin: center;\n animation: $b-icon-animation-cylon-vertical-duration infinite ease-in-out alternate\n b-icon-animation-cylon-vertical;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n }\n\n &.b-icon-animation-fade,\n &.b-iconstack .b-icon-animation-fade > g {\n transform-origin: center;\n animation: $b-icon-animation-throb-duration infinite ease-in-out alternate b-icon-animation-fade;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n }\n\n &.b-icon-animation-spin,\n &.b-iconstack .b-icon-animation-spin > g {\n transform-origin: center;\n animation: $b-icon-animation-spin-duration infinite linear normal b-icon-animation-spin;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n }\n\n &.b-icon-animation-spin-reverse,\n &.b-iconstack .b-icon-animation-spin-reverse > g {\n transform-origin: center;\n animation: $b-icon-animation-spin-reverse-duration infinite linear reverse b-icon-animation-spin;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n }\n\n &.b-icon-animation-spin-pulse,\n &.b-iconstack .b-icon-animation-spin-pulse > g {\n transform-origin: center;\n animation: $b-icon-animation-spin-pulse-duration infinite steps(8) normal b-icon-animation-spin;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n }\n\n &.b-icon-animation-spin-reverse-pulse,\n &.b-iconstack .b-icon-animation-spin-reverse-pulse > g {\n transform-origin: center;\n animation: $b-icon-animation-spin-reverse-pulse-duration infinite steps(8) reverse\n b-icon-animation-spin;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n }\n\n &.b-icon-animation-throb,\n &.b-iconstack .b-icon-animation-throb > g {\n transform-origin: center;\n animation: $b-icon-animation-throb-duration infinite ease-in-out alternate\n b-icon-animation-throb;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n }\n}\n\n// Animation for spinning icons\n@keyframes b-icon-animation-cylon {\n 0% {\n transform: translateX(-25%);\n }\n 100% {\n transform: translateX(25%);\n }\n}\n\n@keyframes b-icon-animation-cylon-vertical {\n 0% {\n transform: translateY(25%);\n }\n 100% {\n transform: translateY(-25%);\n }\n}\n\n@keyframes b-icon-animation-fade {\n 0% {\n opacity: 0.1;\n }\n 100% {\n opacity: 1;\n }\n}\n\n@keyframes b-icon-animation-spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(359deg);\n }\n}\n\n@keyframes b-icon-animation-throb {\n 0% {\n opacity: 0.5;\n transform: scale(0.5);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n// Make icons slightly larger in buttons, nav-links, dropdowns, and input-group-text\n.btn,\n.nav-link,\n.dropdown-toggle,\n.dropdown-item,\n.input-group-text {\n .b-icon {\n &.bi {\n font-size: 125%;\n vertical-align: text-bottom;\n }\n }\n}\n","// --- BootstrapVue custom SCSS variables ---\n//\n// Users can override these variables in their custom SCSS\n//\n// Variables beginning with `$bv-` are used to enable/disable specific section CSS generation\n// Variables beginning with `$b-` are used to control values within the CSS generation\n\n// --- Custom inputs (adds sizing support) ---\n\n// Indicator height (and sometimes width)\n$b-custom-control-indicator-size-lg: $custom-control-indicator-size * 1.25 !default;\n$b-custom-control-indicator-size-sm: $custom-control-indicator-size * 0.875 !default;\n\n// Indicator background\n$b-custom-control-indicator-bg-size-lg: $custom-control-indicator-bg-size !default;\n$b-custom-control-indicator-bg-size-sm: $custom-control-indicator-bg-size !default;\n\n// Gutter widths\n$b-custom-control-gutter-lg: $custom-control-gutter * 1.25 !default;\n$b-custom-control-gutter-sm: $custom-control-gutter * 0.875 !default;\n\n// Custom radio sizes (uses defaults of 50%, since radios are round)\n$b-custom-radio-indicator-border-radius-lg: $custom-radio-indicator-border-radius !default;\n$b-custom-radio-indicator-border-radius-sm: $custom-radio-indicator-border-radius !default;\n\n// Custom checkbox sizes\n$b-custom-checkbox-indicator-border-radius-lg: $border-radius-lg !default;\n$b-custom-checkbox-indicator-border-radius-sm: $border-radius-sm !default;\n\n// Custom switch sizes\n$b-custom-switch-width-lg: $b-custom-control-indicator-size-lg * 1.75 !default;\n$b-custom-switch-width-sm: $b-custom-control-indicator-size-sm * 1.75 !default;\n$b-custom-switch-indicator-border-radius-lg: $b-custom-control-indicator-size-lg / 2 !default;\n$b-custom-switch-indicator-border-radius-sm: $b-custom-control-indicator-size-sm / 2 !default;\n$b-custom-switch-indicator-size-lg: calc(\n #{$b-custom-control-indicator-size-lg} - #{$custom-control-indicator-border-width * 4}\n) !default;\n$b-custom-switch-indicator-size-sm: calc(\n #{$b-custom-control-indicator-size-sm} - #{$custom-control-indicator-border-width * 4}\n) !default;\n\n// Custom file sizes\n$b-custom-file-font-size-lg: $input-font-size-lg !default;\n$b-custom-file-font-size-sm: $input-font-size-sm !default;\n$b-custom-file-line-height-lg: $input-line-height-lg !default;\n$b-custom-file-line-height-sm: $input-line-height-sm !default;\n$b-custom-file-height-lg: $input-height-lg !default;\n$b-custom-file-height-sm: $input-height-sm !default;\n$b-custom-file-border-radius-lg: $input-border-radius-lg !default;\n$b-custom-file-border-radius-sm: $input-border-radius-sm !default;\n$b-custom-file-padding-y-lg: $input-padding-y-lg !default;\n$b-custom-file-padding-y-sm: $input-padding-y-sm !default;\n$b-custom-file-padding-x-lg: $input-padding-x-lg !default;\n$b-custom-file-padding-x-sm: $input-padding-x-sm !default;\n$b-custom-file-height-inner-lg: calc(\n #{$b-custom-file-line-height-lg * 1em} + #{$b-custom-file-padding-y-lg * 2}\n) !default;\n$b-custom-file-height-inner-sm: calc(\n #{$b-custom-file-line-height-sm * 1em} + #{$b-custom-file-padding-y-sm * 2}\n) !default;\n\n// --- Icons ---\n\n$b-icon-vertical-offset: -0.15em;\n\n// Animations\n$b-icon-animation-cylon-duration: 0.75s !default;\n$b-icon-animation-cylon-vertical-duration: $b-icon-animation-cylon-duration !default;\n$b-icon-animation-fade-duration: 0.75s !default;\n$b-icon-animation-spin-duration: 2s !default;\n$b-icon-animation-spin-reverse-duration: $b-icon-animation-spin-duration !default;\n$b-icon-animation-spin-pulse-duration: 1s !default;\n$b-icon-animation-spin-reverse-pulse-duration: $b-icon-animation-spin-pulse-duration !default;\n$b-icon-animation-throb-duration: 0.75s !default;\n\n// --- Sidebar ---\n\n$b-sidebar-width: 320px !default;\n$b-sidebar-transition-duration: 0.3s !default;\n$b-sidebar-zindex: calc(#{$zindex-fixed} + 5) !default;\n$b-sidebar-header-font-size: 1.5rem !default;\n$b-sidebar-header-padding-y: $navbar-padding-y !default;\n$b-sidebar-header-padding-x: $navbar-padding-x !default;\n\n// --- Tables ---\n\n// Table busy state\n$b-table-busy-opacity: 0.55 !default;\n\n// Table sorting\n$b-table-sort-icon-bg-width: 0.65em !default;\n$b-table-sort-icon-bg-height: 1em !default;\n// Sort icons are square, but \"squished\" horizontally by the above variables\n$b-table-sort-icon-bg-not-sorted: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'><path fill='black' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/></svg>\") !default;\n$b-table-sort-icon-bg-ascending: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'><path fill='black' d='M51 1l25 23 24 22H1l25-22z'/><path fill='black' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/></svg>\") !default;\n$b-table-sort-icon-bg-descending: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'><path fill='black' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/><path fill='black' d='M51 101l25-23 24-22H1l25 22z'/></svg>\") !default;\n// Icons to use on dark table or dark header/footer (lighter color icons)\n// We simply just replace the fill color 'black' white 'white'\n$b-table-sort-icon-bg-dark-not-sorted: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'><path fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/></svg>\") !default;\n$b-table-sort-icon-bg-dark-ascending: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'><path fill='white' d='M51 1l25 23 24 22H1l25-22z'/><path fill='white' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/></svg>\") !default;\n$b-table-sort-icon-bg-dark-descending: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'><path fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/><path fill='white' d='M51 101l25-23 24-22H1l25 22z'/></svg>\") !default;\n\n// Flag to enable sticky table header and column CSS generation\n$bv-enable-table-sticky: true !default;\n// Default max-height for tables with sticky headers\n$b-table-sticky-header-max-height: 300px !default;\n\n// Flag to enable table stacked CSS generation\n$bv-enable-table-stacked: true !default;\n// Table stacked defaults\n$b-table-stacked-heading-width: 40% !default;\n$b-table-stacked-gap: 1rem !default;\n\n// Bootstrap v4.3 is missing the \"active\" variant for dark tables\n// Which translates to `bg-active`, but only for tables\n$table-dark-active-bg: $table-dark-hover-bg !default;\n\n// --- Toasts ---\n\n// Toaster defaults\n$b-toaster-zindex: 1100 !default;\n$b-toaster-offset-top: 0.5rem !default;\n$b-toaster-offset-bottom: $b-toaster-offset-top !default;\n$b-toaster-offset-left: $b-toaster-offset-top !default;\n$b-toaster-offset-right: $b-toaster-offset-top !default;\n\n// Default toast opacity\n// Value from 0 to 1, or 0% to 100%\n// Bootstrap default is 0.85 (extracted from the `$toast-background-color` value)\n// Bootstrap does not have this as a variable, so we add it in.\n$b-toast-background-opacity: alpha($toast-background-color) !default;\n\n// Toast variant levels wrt theme color value\n$b-toast-bg-level: $alert-bg-level !default;\n$b-toast-border-level: $alert-border-level !default;\n$b-toast-color-level: $alert-color-level !default;\n\n// --- Tooltips ---\n\n// Flag to enable tooltip variant CSS generation\n$bv-enable-tooltip-variants: true !default;\n\n// Tooltip background variant level wrt theme color value\n$b-tooltip-bg-level: 0 !default;\n\n// --- Popovers ---\n\n// Flag to enable popover variant CSS generation\n$bv-enable-popover-variants: true !default;\n\n// Popover variant levels wrt theme color value\n$b-popover-bg-level: $alert-bg-level !default;\n$b-popover-border-level: $alert-border-level !default;\n$b-popover-color-level: $alert-color-level !default;\n"]}