bootstrap-vue
Version:
With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4 component and grid system available for Vue.js v2.6, complete with extens
1 lines • 24.8 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\n// --- Avatar ---\n\n$b-avatar-size: 2.5rem !default;\n$b-avatar-size-sm: 1.5rem !default;\n$b-avatar-size-lg: 3.5rem !default;\n$b-avatar-font-size-scale: 0.4 !default;\n$b-avatar-badge-font-size-scale: $b-avatar-font-size-scale * 0.7 !default;\n\n// --- Skeleton ---\n\n$b-skeleton-background-color: rgba(0, 0, 0, 0.12) !default;\n$b-skeleton-loading-cursor: wait !default;\n$b-skeleton-animation-duration: 1.75s !default;\n$b-skeleton-text-spacing: map-get($spacers, 1) !default;\n$b-skeleton-btn-width: 75px !default;\n"]}