mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-29 16:19:53 +02:00
@@ -1,6 +1,6 @@
|
||||
@charset "UTF-8";
|
||||
/*!
|
||||
* Bootstrap v5.2.0 (https://getbootstrap.com/)
|
||||
* Bootstrap v5.2.1 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2022 The Bootstrap Authors
|
||||
* Copyright 2011-2022 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
@@ -2468,6 +2468,7 @@ textarea.form-control-lg {
|
||||
height: 100%;
|
||||
padding: 1rem 0.75rem;
|
||||
overflow: hidden;
|
||||
text-align: start;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
pointer-events: none;
|
||||
@@ -2547,14 +2548,14 @@ textarea.form-control-lg {
|
||||
.input-group > .form-control:focus,
|
||||
.input-group > .form-select:focus,
|
||||
.input-group > .form-floating:focus-within {
|
||||
z-index: 3;
|
||||
z-index: 5;
|
||||
}
|
||||
.input-group .btn {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
.input-group .btn:focus {
|
||||
z-index: 3;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.input-group-text {
|
||||
@@ -2609,10 +2610,13 @@ textarea.form-control-lg {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
.input-group > :not(:first-child):not(.dropdown-menu):not(.form-floating):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback),
|
||||
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
|
||||
margin-left: -1px;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.input-group > .form-floating:not(:first-child) > .form-control,
|
||||
.input-group > .form-floating:not(:first-child) > .form-select {
|
||||
margin-left: -1px;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
@@ -2699,14 +2703,11 @@ textarea.form-control-lg {
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid,
|
||||
.was-validated .input-group .form-select:valid,
|
||||
.input-group .form-select.is-valid {
|
||||
z-index: 1;
|
||||
}
|
||||
.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus,
|
||||
.was-validated .input-group .form-select:valid:focus,
|
||||
.input-group .form-select.is-valid:focus {
|
||||
.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
|
||||
.was-validated .input-group > .form-select:not(:focus):valid,
|
||||
.input-group > .form-select:not(:focus).is-valid,
|
||||
.was-validated .input-group > .form-floating:not(:focus-within):valid,
|
||||
.input-group > .form-floating:not(:focus-within).is-valid {
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
@@ -2792,15 +2793,12 @@ textarea.form-control-lg {
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid,
|
||||
.was-validated .input-group .form-select:invalid,
|
||||
.input-group .form-select.is-invalid {
|
||||
z-index: 2;
|
||||
}
|
||||
.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus,
|
||||
.was-validated .input-group .form-select:invalid:focus,
|
||||
.input-group .form-select.is-invalid:focus {
|
||||
z-index: 3;
|
||||
.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
|
||||
.was-validated .input-group > .form-select:not(:focus):invalid,
|
||||
.input-group > .form-select:not(:focus).is-invalid,
|
||||
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
|
||||
.input-group > .form-floating:not(:focus-within).is-invalid {
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
.btn {
|
||||
@@ -2815,6 +2813,7 @@ textarea.form-control-lg {
|
||||
--bs-btn-border-width: 1px;
|
||||
--bs-btn-border-color: transparent;
|
||||
--bs-btn-border-radius: 0.375rem;
|
||||
--bs-btn-hover-border-color: transparent;
|
||||
--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
--bs-btn-disabled-opacity: 0.65;
|
||||
--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
|
||||
@@ -2842,24 +2841,29 @@ textarea.form-control-lg {
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
.btn:hover {
|
||||
:not(.btn-check) + .btn:hover, .btn:first-child:hover {
|
||||
color: var(--bs-btn-hover-color);
|
||||
background-color: var(--bs-btn-hover-bg);
|
||||
border-color: var(--bs-btn-hover-border-color);
|
||||
}
|
||||
.btn-check:focus + .btn, .btn:focus {
|
||||
.btn:focus-visible {
|
||||
color: var(--bs-btn-hover-color);
|
||||
background-color: var(--bs-btn-hover-bg);
|
||||
border-color: var(--bs-btn-hover-border-color);
|
||||
outline: 0;
|
||||
box-shadow: var(--bs-btn-focus-box-shadow);
|
||||
}
|
||||
.btn-check:checked + .btn, .btn-check:active + .btn, .btn:active, .btn.active, .btn.show {
|
||||
.btn-check:focus-visible + .btn {
|
||||
border-color: var(--bs-btn-hover-border-color);
|
||||
outline: 0;
|
||||
box-shadow: var(--bs-btn-focus-box-shadow);
|
||||
}
|
||||
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
|
||||
color: var(--bs-btn-active-color);
|
||||
background-color: var(--bs-btn-active-bg);
|
||||
border-color: var(--bs-btn-active-border-color);
|
||||
}
|
||||
.btn-check:checked + .btn:focus, .btn-check:active + .btn:focus, .btn:active:focus, .btn.active:focus, .btn.show:focus {
|
||||
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
|
||||
box-shadow: var(--bs-btn-focus-box-shadow);
|
||||
}
|
||||
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
|
||||
@@ -3157,7 +3161,7 @@ textarea.form-control-lg {
|
||||
--bs-btn-focus-shadow-rgb: 49, 132, 253;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.btn-link:focus {
|
||||
.btn-link:focus-visible {
|
||||
color: var(--bs-btn-color);
|
||||
}
|
||||
.btn-link:hover {
|
||||
@@ -3242,6 +3246,7 @@ textarea.form-control-lg {
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
--bs-dropdown-zindex: 1000;
|
||||
--bs-dropdown-min-width: 10rem;
|
||||
--bs-dropdown-padding-x: 0;
|
||||
--bs-dropdown-padding-y: 0.5rem;
|
||||
@@ -3268,7 +3273,7 @@ textarea.form-control-lg {
|
||||
--bs-dropdown-header-padding-x: 1rem;
|
||||
--bs-dropdown-header-padding-y: 0.5rem;
|
||||
position: absolute;
|
||||
z-index: 1000;
|
||||
z-index: var(--bs-dropdown-zindex);
|
||||
display: none;
|
||||
min-width: var(--bs-dropdown-min-width);
|
||||
padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
|
||||
@@ -3568,7 +3573,7 @@ textarea.form-control-lg {
|
||||
.btn-group {
|
||||
border-radius: 0.375rem;
|
||||
}
|
||||
.btn-group > .btn:not(:first-child),
|
||||
.btn-group > :not(.btn-check:first-child) + .btn,
|
||||
.btn-group > .btn-group:not(:first-child) {
|
||||
margin-left: -1px;
|
||||
}
|
||||
@@ -3678,7 +3683,7 @@ textarea.form-control-lg {
|
||||
border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
|
||||
}
|
||||
.nav-tabs .nav-link {
|
||||
margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1);
|
||||
margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
|
||||
background: none;
|
||||
border: var(--bs-nav-tabs-border-width) solid transparent;
|
||||
border-top-left-radius: var(--bs-nav-tabs-border-radius);
|
||||
@@ -3700,7 +3705,7 @@ textarea.form-control-lg {
|
||||
border-color: var(--bs-nav-tabs-link-active-border-color);
|
||||
}
|
||||
.nav-tabs .dropdown-menu {
|
||||
margin-top: calc(var(--bs-nav-tabs-border-width) * -1);
|
||||
margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
@@ -4357,7 +4362,7 @@ textarea.form-control-lg {
|
||||
}
|
||||
|
||||
.accordion {
|
||||
--bs-accordion-color: #000;
|
||||
--bs-accordion-color: var(--bs-body-color);
|
||||
--bs-accordion-bg: #fff;
|
||||
--bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
|
||||
--bs-accordion-border-color: var(--bs-border-color);
|
||||
@@ -4404,7 +4409,7 @@ textarea.form-control-lg {
|
||||
.accordion-button:not(.collapsed) {
|
||||
color: var(--bs-accordion-active-color);
|
||||
background-color: var(--bs-accordion-active-bg);
|
||||
box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color);
|
||||
box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
|
||||
}
|
||||
.accordion-button:not(.collapsed)::after {
|
||||
background-image: var(--bs-accordion-btn-active-icon);
|
||||
@@ -4487,7 +4492,7 @@ textarea.form-control-lg {
|
||||
.accordion-flush .accordion-item:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.accordion-flush .accordion-item .accordion-button {
|
||||
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
@@ -4896,18 +4901,18 @@ textarea.form-control-lg {
|
||||
border-top-width: 0;
|
||||
}
|
||||
.list-group-item + .list-group-item.active {
|
||||
margin-top: calc(var(--bs-list-group-border-width) * -1);
|
||||
margin-top: calc(-1 * var(--bs-list-group-border-width));
|
||||
border-top-width: var(--bs-list-group-border-width);
|
||||
}
|
||||
|
||||
.list-group-horizontal {
|
||||
flex-direction: row;
|
||||
}
|
||||
.list-group-horizontal > .list-group-item:first-child {
|
||||
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
|
||||
border-bottom-left-radius: var(--bs-list-group-border-radius);
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
.list-group-horizontal > .list-group-item:last-child {
|
||||
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
|
||||
border-top-right-radius: var(--bs-list-group-border-radius);
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
@@ -4919,7 +4924,7 @@ textarea.form-control-lg {
|
||||
border-left-width: 0;
|
||||
}
|
||||
.list-group-horizontal > .list-group-item + .list-group-item.active {
|
||||
margin-left: calc(var(--bs-list-group-border-width) * -1);
|
||||
margin-left: calc(-1 * var(--bs-list-group-border-width));
|
||||
border-left-width: var(--bs-list-group-border-width);
|
||||
}
|
||||
|
||||
@@ -4927,11 +4932,11 @@ textarea.form-control-lg {
|
||||
.list-group-horizontal-sm {
|
||||
flex-direction: row;
|
||||
}
|
||||
.list-group-horizontal-sm > .list-group-item:first-child {
|
||||
.list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
|
||||
border-bottom-left-radius: var(--bs-list-group-border-radius);
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
.list-group-horizontal-sm > .list-group-item:last-child {
|
||||
.list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
|
||||
border-top-right-radius: var(--bs-list-group-border-radius);
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
@@ -4943,7 +4948,7 @@ textarea.form-control-lg {
|
||||
border-left-width: 0;
|
||||
}
|
||||
.list-group-horizontal-sm > .list-group-item + .list-group-item.active {
|
||||
margin-left: calc(var(--bs-list-group-border-width) * -1);
|
||||
margin-left: calc(-1 * var(--bs-list-group-border-width));
|
||||
border-left-width: var(--bs-list-group-border-width);
|
||||
}
|
||||
}
|
||||
@@ -4951,11 +4956,11 @@ textarea.form-control-lg {
|
||||
.list-group-horizontal-md {
|
||||
flex-direction: row;
|
||||
}
|
||||
.list-group-horizontal-md > .list-group-item:first-child {
|
||||
.list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
|
||||
border-bottom-left-radius: var(--bs-list-group-border-radius);
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
.list-group-horizontal-md > .list-group-item:last-child {
|
||||
.list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
|
||||
border-top-right-radius: var(--bs-list-group-border-radius);
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
@@ -4967,7 +4972,7 @@ textarea.form-control-lg {
|
||||
border-left-width: 0;
|
||||
}
|
||||
.list-group-horizontal-md > .list-group-item + .list-group-item.active {
|
||||
margin-left: calc(var(--bs-list-group-border-width) * -1);
|
||||
margin-left: calc(-1 * var(--bs-list-group-border-width));
|
||||
border-left-width: var(--bs-list-group-border-width);
|
||||
}
|
||||
}
|
||||
@@ -4975,11 +4980,11 @@ textarea.form-control-lg {
|
||||
.list-group-horizontal-lg {
|
||||
flex-direction: row;
|
||||
}
|
||||
.list-group-horizontal-lg > .list-group-item:first-child {
|
||||
.list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
|
||||
border-bottom-left-radius: var(--bs-list-group-border-radius);
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
.list-group-horizontal-lg > .list-group-item:last-child {
|
||||
.list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
|
||||
border-top-right-radius: var(--bs-list-group-border-radius);
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
@@ -4991,7 +4996,7 @@ textarea.form-control-lg {
|
||||
border-left-width: 0;
|
||||
}
|
||||
.list-group-horizontal-lg > .list-group-item + .list-group-item.active {
|
||||
margin-left: calc(var(--bs-list-group-border-width) * -1);
|
||||
margin-left: calc(-1 * var(--bs-list-group-border-width));
|
||||
border-left-width: var(--bs-list-group-border-width);
|
||||
}
|
||||
}
|
||||
@@ -4999,11 +5004,11 @@ textarea.form-control-lg {
|
||||
.list-group-horizontal-xl {
|
||||
flex-direction: row;
|
||||
}
|
||||
.list-group-horizontal-xl > .list-group-item:first-child {
|
||||
.list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
|
||||
border-bottom-left-radius: var(--bs-list-group-border-radius);
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
.list-group-horizontal-xl > .list-group-item:last-child {
|
||||
.list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
|
||||
border-top-right-radius: var(--bs-list-group-border-radius);
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
@@ -5015,7 +5020,7 @@ textarea.form-control-lg {
|
||||
border-left-width: 0;
|
||||
}
|
||||
.list-group-horizontal-xl > .list-group-item + .list-group-item.active {
|
||||
margin-left: calc(var(--bs-list-group-border-width) * -1);
|
||||
margin-left: calc(-1 * var(--bs-list-group-border-width));
|
||||
border-left-width: var(--bs-list-group-border-width);
|
||||
}
|
||||
}
|
||||
@@ -5023,11 +5028,11 @@ textarea.form-control-lg {
|
||||
.list-group-horizontal-xxl {
|
||||
flex-direction: row;
|
||||
}
|
||||
.list-group-horizontal-xxl > .list-group-item:first-child {
|
||||
.list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
|
||||
border-bottom-left-radius: var(--bs-list-group-border-radius);
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
.list-group-horizontal-xxl > .list-group-item:last-child {
|
||||
.list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
|
||||
border-top-right-radius: var(--bs-list-group-border-radius);
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
@@ -5039,7 +5044,7 @@ textarea.form-control-lg {
|
||||
border-left-width: 0;
|
||||
}
|
||||
.list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
|
||||
margin-left: calc(var(--bs-list-group-border-width) * -1);
|
||||
margin-left: calc(-1 * var(--bs-list-group-border-width));
|
||||
border-left-width: var(--bs-list-group-border-width);
|
||||
}
|
||||
}
|
||||
@@ -5199,6 +5204,7 @@ textarea.form-control-lg {
|
||||
}
|
||||
|
||||
.toast {
|
||||
--bs-toast-zindex: 1090;
|
||||
--bs-toast-padding-x: 0.75rem;
|
||||
--bs-toast-padding-y: 0.5rem;
|
||||
--bs-toast-spacing: 1.5rem;
|
||||
@@ -5233,7 +5239,7 @@ textarea.form-control-lg {
|
||||
|
||||
.toast-container {
|
||||
position: absolute;
|
||||
z-index: 1090;
|
||||
z-index: var(--bs-toast-zindex);
|
||||
width: -webkit-max-content;
|
||||
width: -moz-max-content;
|
||||
width: max-content;
|
||||
@@ -5256,7 +5262,7 @@ textarea.form-control-lg {
|
||||
border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
|
||||
}
|
||||
.toast-header .btn-close {
|
||||
margin-right: calc(var(--bs-toast-padding-x) * -0.5);
|
||||
margin-right: calc(-0.5 * var(--bs-toast-padding-x));
|
||||
margin-left: var(--bs-toast-padding-x);
|
||||
}
|
||||
|
||||
@@ -5383,7 +5389,7 @@ textarea.form-control-lg {
|
||||
}
|
||||
.modal-header .btn-close {
|
||||
padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
|
||||
margin: calc(var(--bs-modal-header-padding-y) * -0.5) calc(var(--bs-modal-header-padding-x) * -0.5) calc(var(--bs-modal-header-padding-y) * -0.5) auto;
|
||||
margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
|
||||
}
|
||||
|
||||
.modal-title {
|
||||
@@ -5673,7 +5679,7 @@ textarea.form-control-lg {
|
||||
--bs-popover-header-padding-x: 1rem;
|
||||
--bs-popover-header-padding-y: 0.5rem;
|
||||
--bs-popover-header-font-size: 1rem;
|
||||
--bs-popover-header-color: var(--bs-heading-color);
|
||||
--bs-popover-header-color: ;
|
||||
--bs-popover-header-bg: #f0f0f0;
|
||||
--bs-popover-body-padding-x: 1rem;
|
||||
--bs-popover-body-padding-y: 1rem;
|
||||
@@ -5720,7 +5726,7 @@ textarea.form-control-lg {
|
||||
}
|
||||
|
||||
.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
|
||||
bottom: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
|
||||
bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
|
||||
}
|
||||
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
|
||||
border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
|
||||
@@ -5736,7 +5742,7 @@ textarea.form-control-lg {
|
||||
|
||||
/* rtl:begin:ignore */
|
||||
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
|
||||
left: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
|
||||
left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
|
||||
width: var(--bs-popover-arrow-height);
|
||||
height: var(--bs-popover-arrow-width);
|
||||
}
|
||||
@@ -5754,7 +5760,7 @@ textarea.form-control-lg {
|
||||
|
||||
/* rtl:end:ignore */
|
||||
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
|
||||
top: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
|
||||
top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
|
||||
}
|
||||
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
|
||||
border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
|
||||
@@ -5773,14 +5779,14 @@ textarea.form-control-lg {
|
||||
left: 50%;
|
||||
display: block;
|
||||
width: var(--bs-popover-arrow-width);
|
||||
margin-left: calc(var(--bs-popover-arrow-width) * -0.5);
|
||||
margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
|
||||
content: "";
|
||||
border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
|
||||
}
|
||||
|
||||
/* rtl:begin:ignore */
|
||||
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
|
||||
right: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
|
||||
right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
|
||||
width: var(--bs-popover-arrow-height);
|
||||
height: var(--bs-popover-arrow-width);
|
||||
}
|
||||
@@ -6103,6 +6109,7 @@ textarea.form-control-lg {
|
||||
}
|
||||
}
|
||||
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
|
||||
--bs-offcanvas-zindex: 1045;
|
||||
--bs-offcanvas-width: 400px;
|
||||
--bs-offcanvas-height: 30vh;
|
||||
--bs-offcanvas-padding-x: 1rem;
|
||||
@@ -6118,7 +6125,7 @@ textarea.form-control-lg {
|
||||
.offcanvas-sm {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
z-index: 1045;
|
||||
z-index: var(--bs-offcanvas-zindex);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-width: 100%;
|
||||
@@ -6206,7 +6213,7 @@ textarea.form-control-lg {
|
||||
.offcanvas-md {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
z-index: 1045;
|
||||
z-index: var(--bs-offcanvas-zindex);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-width: 100%;
|
||||
@@ -6294,7 +6301,7 @@ textarea.form-control-lg {
|
||||
.offcanvas-lg {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
z-index: 1045;
|
||||
z-index: var(--bs-offcanvas-zindex);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-width: 100%;
|
||||
@@ -6382,7 +6389,7 @@ textarea.form-control-lg {
|
||||
.offcanvas-xl {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
z-index: 1045;
|
||||
z-index: var(--bs-offcanvas-zindex);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-width: 100%;
|
||||
@@ -6470,7 +6477,7 @@ textarea.form-control-lg {
|
||||
.offcanvas-xxl {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
z-index: 1045;
|
||||
z-index: var(--bs-offcanvas-zindex);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-width: 100%;
|
||||
@@ -6557,7 +6564,7 @@ textarea.form-control-lg {
|
||||
.offcanvas {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
z-index: 1045;
|
||||
z-index: var(--bs-offcanvas-zindex);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-width: 100%;
|
||||
@@ -6635,9 +6642,9 @@ textarea.form-control-lg {
|
||||
}
|
||||
.offcanvas-header .btn-close {
|
||||
padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
|
||||
margin-top: calc(var(--bs-offcanvas-padding-y) * -0.5);
|
||||
margin-right: calc(var(--bs-offcanvas-padding-x) * -0.5);
|
||||
margin-bottom: calc(var(--bs-offcanvas-padding-y) * -0.5);
|
||||
margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
|
||||
margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
|
||||
margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
|
||||
}
|
||||
|
||||
.offcanvas-title {
|
||||
|
Reference in New Issue
Block a user