UNPKG

bootstrap-vue

Version:

BootstrapVue, with over 40 plugins and more than 75 custom components, provides one of the most comprehensive implementations of Bootstrap v4 components and grid system for Vue.js. With extensive and automated WAI-ARIA accessibility markup.

970 lines (826 loc) 28.5 kB
@charset "UTF-8"; /*! * BootstrapVue Custom CSS (https://bootstrap-vue.js.org) */ @media (max-width: 575.98px) { .bv-d-xs-down-none { display: none !important; } } @media (max-width: 767.98px) { .bv-d-sm-down-none { display: none !important; } } @media (max-width: 991.98px) { .bv-d-md-down-none { display: none !important; } } @media (max-width: 1199.98px) { .bv-d-lg-down-none { display: none !important; } } .bv-d-xl-down-none { display: none !important; } .card-img-left { border-top-left-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-img-right { border-top-right-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); } .dropdown:not(.dropleft) .dropdown-toggle.dropdown-toggle-no-caret::after { display: none !important; } .dropdown.dropleft .dropdown-toggle.dropdown-toggle-no-caret::before { display: none !important; } .dropdown.b-dropdown .b-dropdown-form { display: inline-block; padding: 0.25rem 1.5rem; width: 100%; clear: both; font-weight: 400; } .dropdown.b-dropdown .b-dropdown-form:focus { outline: 1px dotted !important; outline: 5px auto -webkit-focus-ring-color !important; } .dropdown.b-dropdown .b-dropdown-form.disabled, .dropdown.b-dropdown .b-dropdown-form:disabled { outline: 0 !important; color: #6c757d; pointer-events: none; } .b-dropdown-text { display: inline-block; padding: 0.25rem 1.5rem; margin-bottom: 0; width: 100%; clear: both; font-weight: lighter; } .input-group > .input-group-prepend > .btn-group > .btn, .input-group > .input-group-append:not(:last-child) > .btn-group > .btn, .input-group > .input-group-append:last-child > .btn-group:not(:last-child):not(.dropdown-toggle) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn-group > .btn, .input-group > .input-group-prepend:not(:first-child) > .btn-group > .btn, .input-group > .input-group-prepend:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .was-validated .form-control:invalid, .was-validated .form-control:valid, .form-control.is-invalid, .form-control.is-valid { background-position: right calc(0.375em + 0.1875rem) center; } input[type="color"].form-control { height: calc(1.5em + 0.75rem + 2px); padding: 0.125rem 0.25rem; } input[type="color"].form-control.form-control-sm, .input-group-sm input[type="color"].form-control { height: calc(1.5em + 0.5rem + 2px); padding: 0.125rem 0.25rem; } input[type="color"].form-control.form-control-lg, .input-group-lg input[type="color"].form-control { height: calc(1.5em + 1rem + 2px); padding: 0.125rem 0.25rem; } input[type="color"].form-control:disabled { background-color: #adb5bd; opacity: 0.65; } .input-group > .custom-range { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .custom-range + .form-control, .input-group > .custom-range + .form-control-plaintext, .input-group > .custom-range + .custom-select, .input-group > .custom-range + .custom-range, .input-group > .custom-range + .custom-file { margin-left: -1px; } .input-group > .form-control + .custom-range, .input-group > .form-control-plaintext + .custom-range, .input-group > .custom-select + .custom-range, .input-group > .custom-range + .custom-range, .input-group > .custom-file + .custom-range { margin-left: -1px; } .input-group > .custom-range:focus { z-index: 3; } .input-group > .custom-range:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-range:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-range { height: calc(1.5em + 0.75rem + 2px); padding: 0 0.75rem; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; height: calc(1.5em + 0.75rem + 2px); border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .input-group > .custom-range { transition: none; } } .input-group > .custom-range:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .input-group > .custom-range:disabled, .input-group > .custom-range[readonly] { background-color: #e9ecef; } .input-group-lg > .custom-range { height: calc(1.5em + 1rem + 2px); padding: 0 1rem; border-radius: 0.3rem; } .input-group-sm > .custom-range { height: calc(1.5em + 0.5rem + 2px); padding: 0 0.5rem; border-radius: 0.2rem; } .was-validated .input-group .custom-range:valid, .input-group .custom-range.is-valid { border-color: #28a745; } .was-validated .input-group .custom-range:valid:focus, .input-group .custom-range.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-range:valid:focus::-webkit-slider-thumb, .custom-range.is-valid:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #9be7ac; } .was-validated .custom-range:valid:focus::-moz-range-thumb, .custom-range.is-valid:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #9be7ac; } .was-validated .custom-range:valid:focus::-ms-thumb, .custom-range.is-valid:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #9be7ac; } .was-validated .custom-range:valid::-webkit-slider-thumb, .custom-range.is-valid::-webkit-slider-thumb { background-color: #28a745; background-image: none; } .was-validated .custom-range:valid::-webkit-slider-thumb:active, .custom-range.is-valid::-webkit-slider-thumb:active { background-color: #9be7ac; background-image: none; } .was-validated .custom-range:valid::-webkit-slider-runnable-track, .custom-range.is-valid::-webkit-slider-runnable-track { background-color: rgba(40, 167, 69, 0.35); } .was-validated .custom-range:valid::-moz-range-thumb, .custom-range.is-valid::-moz-range-thumb { background-color: #28a745; background-image: none; } .was-validated .custom-range:valid::-moz-range-thumb:active, .custom-range.is-valid::-moz-range-thumb:active { background-color: #9be7ac; background-image: none; } .was-validated .custom-range:valid::-moz-range-track, .custom-range.is-valid::-moz-range-track { background: rgba(40, 167, 69, 0.35); } .was-validated .custom-range:valid ~ .valid-feedback, .was-validated .custom-range:valid ~ .valid-tooltip, .custom-range.is-valid ~ .valid-feedback, .custom-range.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-range:valid::-ms-thumb, .custom-range.is-valid::-ms-thumb { background-color: #28a745; background-image: none; } .was-validated .custom-range:valid::-ms-thumb:active, .custom-range.is-valid::-ms-thumb:active { background-color: #9be7ac; background-image: none; } .was-validated .custom-range:valid::-ms-track-lower, .custom-range.is-valid::-ms-track-lower { background: rgba(40, 167, 69, 0.35); } .was-validated .custom-range:valid::-ms-track-upper, .custom-range.is-valid::-ms-track-upper { background: rgba(40, 167, 69, 0.35); } .was-validated .input-group .custom-range:invalid, .input-group .custom-range.is-invalid { border-color: #dc3545; } .was-validated .input-group .custom-range:invalid:focus, .input-group .custom-range.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-range:invalid:focus::-webkit-slider-thumb, .custom-range.is-invalid:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f6cdd1; } .was-validated .custom-range:invalid:focus::-moz-range-thumb, .custom-range.is-invalid:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f6cdd1; } .was-validated .custom-range:invalid:focus::-ms-thumb, .custom-range.is-invalid:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f6cdd1; } .was-validated .custom-range:invalid::-webkit-slider-thumb, .custom-range.is-invalid::-webkit-slider-thumb { background-color: #dc3545; background-image: none; } .was-validated .custom-range:invalid::-webkit-slider-thumb:active, .custom-range.is-invalid::-webkit-slider-thumb:active { background-color: #f6cdd1; background-image: none; } .was-validated .custom-range:invalid::-webkit-slider-runnable-track, .custom-range.is-invalid::-webkit-slider-runnable-track { background-color: rgba(220, 53, 69, 0.35); } .was-validated .custom-range:invalid::-moz-range-thumb, .custom-range.is-invalid::-moz-range-thumb { background-color: #dc3545; background-image: none; } .was-validated .custom-range:invalid::-moz-range-thumb:active, .custom-range.is-invalid::-moz-range-thumb:active { background-color: #f6cdd1; background-image: none; } .was-validated .custom-range:invalid::-moz-range-track, .custom-range.is-invalid::-moz-range-track { background: rgba(220, 53, 69, 0.35); } .was-validated .custom-range:invalid ~ .invalid-feedback, .was-validated .custom-range:invalid ~ .invalid-tooltip, .custom-range.is-invalid ~ .invalid-feedback, .custom-range.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-range:invalid::-ms-thumb, .custom-range.is-invalid::-ms-thumb { background-color: #dc3545; background-image: none; } .was-validated .custom-range:invalid::-ms-thumb:active, .custom-range.is-invalid::-ms-thumb:active { background-color: #f6cdd1; background-image: none; } .was-validated .custom-range:invalid::-ms-track-lower, .custom-range.is-invalid::-ms-track-lower { background: rgba(220, 53, 69, 0.35); } .was-validated .custom-range:invalid::-ms-track-upper, .custom-range.is-invalid::-ms-track-upper { background: rgba(220, 53, 69, 0.35); } .modal-backdrop { opacity: 0.5; } .table.b-table.b-table-fixed { table-layout: fixed; } .table.b-table[aria-busy="true"] { opacity: 0.55; } .table.b-table > tbody > tr.b-table-details > td { border-top: none !important; } .table.b-table > caption { caption-side: bottom; } .table.b-table > caption.b-table-caption-top { caption-side: top !important; } .table.b-table > thead > tr > th, .table.b-table > thead > tr > td, .table.b-table > tfoot > tr > th, .table.b-table > tfoot > tr > td { position: relative; } .table.b-table > thead > tr > th[aria-sort], .table.b-table > tfoot > tr > th[aria-sort] { position: relative; padding-right: 1.125em; cursor: pointer; } .table.b-table > thead > tr > th[aria-sort]::after, .table.b-table > tfoot > tr > th[aria-sort]::after { position: absolute; display: block; bottom: 0; right: 0.35em; padding-bottom: inherit; font-size: inherit; line-height: inherit; opacity: 0.4; content: "↕"; speak: none; } .table.b-table > thead > tr > th[aria-sort][aria-sort="ascending"]::after, .table.b-table > tfoot > tr > th[aria-sort][aria-sort="ascending"]::after { opacity: 1; content: "↓"; } .table.b-table > thead > tr > th[aria-sort][aria-sort="descending"]::after, .table.b-table > tfoot > tr > th[aria-sort][aria-sort="descending"]::after { opacity: 1; content: "↑"; } @media (max-width: 575.98px) { .table.b-table.b-table-stacked-sm { display: block; width: 100%; } .table.b-table.b-table-stacked-sm > caption, .table.b-table.b-table-stacked-sm > tbody, .table.b-table.b-table-stacked-sm > tbody > tr, .table.b-table.b-table-stacked-sm > tbody > tr > td, .table.b-table.b-table-stacked-sm > tbody > tr > td { display: block; } .table.b-table.b-table-stacked-sm > thead, .table.b-table.b-table-stacked-sm > tfoot { display: none; } .table.b-table.b-table-stacked-sm > thead > tr.b-table-top-row, .table.b-table.b-table-stacked-sm > thead > tr.b-table-bottom-row, .table.b-table.b-table-stacked-sm > tfoot > tr.b-table-top-row, .table.b-table.b-table-stacked-sm > tfoot > tr.b-table-bottom-row { display: none; } .table.b-table.b-table-stacked-sm > caption { caption-side: top !important; } .table.b-table.b-table-stacked-sm > tbody > tr > [data-label]::before { content: attr(data-label); display: inline-block; width: 40%; float: left; text-align: right; overflow-wrap: break-word; font-weight: bold; font-style: normal; padding: 0; margin: 0; } .table.b-table.b-table-stacked-sm > tbody > tr > [data-label] > div { display: inline-block; width: calc(100% - 40%); padding: 0 0 0 1rem; margin: 0; } .table.b-table.b-table-stacked-sm > tbody > tr.top-row, .table.b-table.b-table-stacked-sm > tbody > tr.bottom-row { display: none; } .table.b-table.b-table-stacked-sm > tbody > tr > :first-child { border-top-width: 3px; } } @media (max-width: 767.98px) { .table.b-table.b-table-stacked-md { display: block; width: 100%; } .table.b-table.b-table-stacked-md > caption, .table.b-table.b-table-stacked-md > tbody, .table.b-table.b-table-stacked-md > tbody > tr, .table.b-table.b-table-stacked-md > tbody > tr > td, .table.b-table.b-table-stacked-md > tbody > tr > td { display: block; } .table.b-table.b-table-stacked-md > thead, .table.b-table.b-table-stacked-md > tfoot { display: none; } .table.b-table.b-table-stacked-md > thead > tr.b-table-top-row, .table.b-table.b-table-stacked-md > thead > tr.b-table-bottom-row, .table.b-table.b-table-stacked-md > tfoot > tr.b-table-top-row, .table.b-table.b-table-stacked-md > tfoot > tr.b-table-bottom-row { display: none; } .table.b-table.b-table-stacked-md > caption { caption-side: top !important; } .table.b-table.b-table-stacked-md > tbody > tr > [data-label]::before { content: attr(data-label); display: inline-block; width: 40%; float: left; text-align: right; overflow-wrap: break-word; font-weight: bold; font-style: normal; padding: 0; margin: 0; } .table.b-table.b-table-stacked-md > tbody > tr > [data-label] > div { display: inline-block; width: calc(100% - 40%); padding: 0 0 0 1rem; margin: 0; } .table.b-table.b-table-stacked-md > tbody > tr.top-row, .table.b-table.b-table-stacked-md > tbody > tr.bottom-row { display: none; } .table.b-table.b-table-stacked-md > tbody > tr > :first-child { border-top-width: 3px; } } @media (max-width: 991.98px) { .table.b-table.b-table-stacked-lg { display: block; width: 100%; } .table.b-table.b-table-stacked-lg > caption, .table.b-table.b-table-stacked-lg > tbody, .table.b-table.b-table-stacked-lg > tbody > tr, .table.b-table.b-table-stacked-lg > tbody > tr > td, .table.b-table.b-table-stacked-lg > tbody > tr > td { display: block; } .table.b-table.b-table-stacked-lg > thead, .table.b-table.b-table-stacked-lg > tfoot { display: none; } .table.b-table.b-table-stacked-lg > thead > tr.b-table-top-row, .table.b-table.b-table-stacked-lg > thead > tr.b-table-bottom-row, .table.b-table.b-table-stacked-lg > tfoot > tr.b-table-top-row, .table.b-table.b-table-stacked-lg > tfoot > tr.b-table-bottom-row { display: none; } .table.b-table.b-table-stacked-lg > caption { caption-side: top !important; } .table.b-table.b-table-stacked-lg > tbody > tr > [data-label]::before { content: attr(data-label); display: inline-block; width: 40%; float: left; text-align: right; overflow-wrap: break-word; font-weight: bold; font-style: normal; padding: 0; margin: 0; } .table.b-table.b-table-stacked-lg > tbody > tr > [data-label] > div { display: inline-block; width: calc(100% - 40%); padding: 0 0 0 1rem; margin: 0; } .table.b-table.b-table-stacked-lg > tbody > tr.top-row, .table.b-table.b-table-stacked-lg > tbody > tr.bottom-row { display: none; } .table.b-table.b-table-stacked-lg > tbody > tr > :first-child { border-top-width: 3px; } } @media (max-width: 1199.98px) { .table.b-table.b-table-stacked-xl { display: block; width: 100%; } .table.b-table.b-table-stacked-xl > caption, .table.b-table.b-table-stacked-xl > tbody, .table.b-table.b-table-stacked-xl > tbody > tr, .table.b-table.b-table-stacked-xl > tbody > tr > td, .table.b-table.b-table-stacked-xl > tbody > tr > td { display: block; } .table.b-table.b-table-stacked-xl > thead, .table.b-table.b-table-stacked-xl > tfoot { display: none; } .table.b-table.b-table-stacked-xl > thead > tr.b-table-top-row, .table.b-table.b-table-stacked-xl > thead > tr.b-table-bottom-row, .table.b-table.b-table-stacked-xl > tfoot > tr.b-table-top-row, .table.b-table.b-table-stacked-xl > tfoot > tr.b-table-bottom-row { display: none; } .table.b-table.b-table-stacked-xl > caption { caption-side: top !important; } .table.b-table.b-table-stacked-xl > tbody > tr > [data-label]::before { content: attr(data-label); display: inline-block; width: 40%; float: left; text-align: right; overflow-wrap: break-word; font-weight: bold; font-style: normal; padding: 0; margin: 0; } .table.b-table.b-table-stacked-xl > tbody > tr > [data-label] > div { display: inline-block; width: calc(100% - 40%); padding: 0 0 0 1rem; margin: 0; } .table.b-table.b-table-stacked-xl > tbody > tr.top-row, .table.b-table.b-table-stacked-xl > tbody > tr.bottom-row { display: none; } .table.b-table.b-table-stacked-xl > tbody > tr > :first-child { border-top-width: 3px; } } .table.b-table.b-table-stacked { display: block; width: 100%; } .table.b-table.b-table-stacked > caption, .table.b-table.b-table-stacked > tbody, .table.b-table.b-table-stacked > tbody > tr, .table.b-table.b-table-stacked > tbody > tr > td, .table.b-table.b-table-stacked > tbody > tr > td { display: block; } .table.b-table.b-table-stacked > thead, .table.b-table.b-table-stacked > tfoot { display: none; } .table.b-table.b-table-stacked > thead > tr.b-table-top-row, .table.b-table.b-table-stacked > thead > tr.b-table-bottom-row, .table.b-table.b-table-stacked > tfoot > tr.b-table-top-row, .table.b-table.b-table-stacked > tfoot > tr.b-table-bottom-row { display: none; } .table.b-table.b-table-stacked > caption { caption-side: top !important; } .table.b-table.b-table-stacked > tbody > tr > [data-label]::before { content: attr(data-label); display: inline-block; width: 40%; float: left; text-align: right; overflow-wrap: break-word; font-weight: bold; font-style: normal; padding: 0; margin: 0; } .table.b-table.b-table-stacked > tbody > tr > [data-label] > div { display: inline-block; width: calc(100% - 40%); padding: 0 0 0 1rem; margin: 0; } .table.b-table.b-table-stacked > tbody > tr.top-row, .table.b-table.b-table-stacked > tbody > tr.bottom-row { display: none; } .table.b-table.b-table-stacked > tbody > tr > :first-child { border-top-width: 3px; } .table.b-table.b-table-selectable > tbody > tr { cursor: pointer; } .table.b-table.b-table-selectable.b-table-selecting.b-table-select-range > tbody > tr { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .b-toast { display: block; position: relative; max-width: 350px; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-clip: padding-box; z-index: 1; border-radius: 0.25rem; } .b-toast:not(:last-child) { margin-bottom: 0.75rem; } .b-toast.b-toast-solid .toast { background-color: white; } .b-toast .toast { opacity: 1; } .b-toast .toast.fade:not(.show) { opacity: 0; } .b-toast .toast .toast-body { display: block; } .b-toast-primary .toast { background-color: rgba(230, 242, 255, 0.85); border-color: rgba(184, 218, 255, 0.85); color: #004085; } .b-toast-primary .toast .toast-header { color: #004085; background-color: rgba(204, 229, 255, 0.85); border-bottom-color: rgba(184, 218, 255, 0.85); } .b-toast-primary.b-toast-solid .toast { background-color: #e6f2ff; } .b-toast-secondary .toast { background-color: rgba(239, 240, 241, 0.85); border-color: rgba(214, 216, 219, 0.85); color: #383d41; } .b-toast-secondary .toast .toast-header { color: #383d41; background-color: rgba(226, 227, 229, 0.85); border-bottom-color: rgba(214, 216, 219, 0.85); } .b-toast-secondary.b-toast-solid .toast { background-color: #eff0f1; } .b-toast-success .toast { background-color: rgba(230, 245, 233, 0.85); border-color: rgba(195, 230, 203, 0.85); color: #155724; } .b-toast-success .toast .toast-header { color: #155724; background-color: rgba(212, 237, 218, 0.85); border-bottom-color: rgba(195, 230, 203, 0.85); } .b-toast-success.b-toast-solid .toast { background-color: #e6f5e9; } .b-toast-info .toast { background-color: rgba(229, 244, 247, 0.85); border-color: rgba(190, 229, 235, 0.85); color: #0c5460; } .b-toast-info .toast .toast-header { color: #0c5460; background-color: rgba(209, 236, 241, 0.85); border-bottom-color: rgba(190, 229, 235, 0.85); } .b-toast-info.b-toast-solid .toast { background-color: #e5f4f7; } .b-toast-warning .toast { background-color: rgba(255, 249, 231, 0.85); border-color: rgba(255, 238, 186, 0.85); color: #856404; } .b-toast-warning .toast .toast-header { color: #856404; background-color: rgba(255, 243, 205, 0.85); border-bottom-color: rgba(255, 238, 186, 0.85); } .b-toast-warning.b-toast-solid .toast { background-color: #fff9e7; } .b-toast-danger .toast { background-color: rgba(252, 237, 238, 0.85); border-color: rgba(245, 198, 203, 0.85); color: #721c24; } .b-toast-danger .toast .toast-header { color: #721c24; background-color: rgba(248, 215, 218, 0.85); border-bottom-color: rgba(245, 198, 203, 0.85); } .b-toast-danger.b-toast-solid .toast { background-color: #fcedee; } .b-toast-light .toast { background-color: rgba(255, 255, 255, 0.85); border-color: rgba(253, 253, 254, 0.85); color: #818182; } .b-toast-light .toast .toast-header { color: #818182; background-color: rgba(254, 254, 254, 0.85); border-bottom-color: rgba(253, 253, 254, 0.85); } .b-toast-light.b-toast-solid .toast { background-color: white; } .b-toast-dark .toast { background-color: rgba(227, 229, 229, 0.85); border-color: rgba(198, 200, 202, 0.85); color: #1b1e21; } .b-toast-dark .toast .toast-header { color: #1b1e21; background-color: rgba(214, 216, 217, 0.85); border-bottom-color: rgba(198, 200, 202, 0.85); } .b-toast-dark.b-toast-solid .toast { background-color: #e3e5e5; } .b-toaster { z-index: 1100; } .b-toaster .b-toaster-slot { position: relative; display: block; } .b-toaster .b-toaster-slot:empty { display: none !important; } .b-toaster.b-toaster-top-right, .b-toaster.b-toaster-top-left, .b-toaster.b-toaster-top-center, .b-toaster.b-toaster-top-full, .b-toaster.b-toaster-bottom-right, .b-toaster.b-toaster-bottom-left, .b-toaster.b-toaster-bottom-center, .b-toaster.b-toaster-bottom-full { position: fixed; left: 0.5rem; right: 0.5rem; margin: 0; padding: 0; height: 0; overflow: visible; } .b-toaster.b-toaster-top-right .b-toaster-slot, .b-toaster.b-toaster-top-left .b-toaster-slot, .b-toaster.b-toaster-top-center .b-toaster-slot, .b-toaster.b-toaster-top-full .b-toaster-slot, .b-toaster.b-toaster-bottom-right .b-toaster-slot, .b-toaster.b-toaster-bottom-left .b-toaster-slot, .b-toaster.b-toaster-bottom-center .b-toaster-slot, .b-toaster.b-toaster-bottom-full .b-toaster-slot { position: absolute; max-width: 350px; width: 100%; /* IE11 fix */ left: 0; right: 0; padding: 0; margin: 0; } .b-toaster.b-toaster-top-full .b-toaster-slot, .b-toaster.b-toaster-bottom-full .b-toaster-slot { width: 100%; max-width: 100%; } .b-toaster.b-toaster-top-full .b-toaster-slot .b-toast, .b-toaster.b-toaster-top-full .b-toaster-slot .toast, .b-toaster.b-toaster-bottom-full .b-toaster-slot .b-toast, .b-toaster.b-toaster-bottom-full .b-toaster-slot .toast { width: 100%; max-width: 100%; } .b-toaster.b-toaster-top-right, .b-toaster.b-toaster-top-left, .b-toaster.b-toaster-top-center, .b-toaster.b-toaster-top-full { top: 0; } .b-toaster.b-toaster-top-right .b-toaster-slot, .b-toaster.b-toaster-top-left .b-toaster-slot, .b-toaster.b-toaster-top-center .b-toaster-slot, .b-toaster.b-toaster-top-full .b-toaster-slot { top: 0.5rem; } .b-toaster.b-toaster-bottom-right, .b-toaster.b-toaster-bottom-left, .b-toaster.b-toaster-bottom-center, .b-toaster.b-toaster-bottom-full { bottom: 0; } .b-toaster.b-toaster-bottom-right .b-toaster-slot, .b-toaster.b-toaster-bottom-left .b-toaster-slot, .b-toaster.b-toaster-bottom-center .b-toaster-slot, .b-toaster.b-toaster-bottom-full .b-toaster-slot { bottom: 0.5rem; } .b-toaster.b-toaster-top-right .b-toaster-slot, .b-toaster.b-toaster-bottom-right .b-toaster-slot, .b-toaster.b-toaster-top-center .b-toaster-slot, .b-toaster.b-toaster-bottom-center .b-toaster-slot { margin-left: auto; } .b-toaster.b-toaster-top-left .b-toaster-slot, .b-toaster.b-toaster-bottom-left .b-toaster-slot, .b-toaster.b-toaster-top-center .b-toaster-slot, .b-toaster.b-toaster-bottom-center .b-toaster-slot { margin-right: auto; } .b-toaster.b-toaster-top-right .b-toast, .b-toaster.b-toaster-top-left .b-toast, .b-toaster.b-toaster-bottom-right .b-toast, .b-toaster.b-toaster-bottom-left .b-toast { /* &.b-toaster-enter-active, &.b-toaster-enter-to { .toast.fade { // Delay the appearance of the toast until // the move transition has completed transition-delay: 0.175s; } } &.b-toaster-move { transition: transform 0.175s; // transition-delay: 0.175s; } &.b-toaster-enter-active { z-index: 0; } &.b-toaster-leave-active { transition: transform 0.175s; } &.b-toaster-leave, &.b-toaster-leave-active { position: absolute; z-index: 0; transition-delay: 0.175s; .toast.fade { transition-delay: 0s; } } &.b-toaster-leave { } &.b-toaster-leave-to { } */ } .b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active, .b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-top-right .b-toast.b-toaster-move, .b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active, .b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-top-left .b-toast.b-toaster-move, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-move, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-move { transition: -webkit-transform 0.175s; transition: transform 0.175s; transition: transform 0.175s, -webkit-transform 0.175s; } .b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-to .toast.fade, .b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active .toast.fade, .b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-to .toast.fade, .b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active .toast.fade, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-to .toast.fade, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active .toast.fade, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-to .toast.fade, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active .toast.fade { transition-delay: 0.175s; } .b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active { position: absolute; transition-delay: 0.175s; } .b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active .toast.fade, .b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active .toast.fade, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active .toast.fade, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active .toast.fade { transition-delay: 0s; } /*# sourceMappingURL=bootstrap-vue.css.map */