1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-20 12:21:35 +02:00
This commit is contained in:
XhmikosR
2020-12-07 17:50:24 +02:00
parent bc4272531b
commit 63f3d939ea
75 changed files with 2327 additions and 3255 deletions

View File

@@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Bootstrap v5.0.0-alpha3 (https://getbootstrap.com/)
* Bootstrap v5.0.0-beta1 (https://getbootstrap.com/)
* Copyright 2011-2020 The Bootstrap Authors
* Copyright 2011-2020 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
@@ -3443,68 +3443,83 @@ textarea.form-control-lg {
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
}
.dropdown-menu[style] {
right: auto !important;
}
.dropdown-menu-start {
--bs-position: start;
right: auto /* rtl:ignore */;
left: 0 /* rtl:ignore */;
}
.dropdown-menu-end {
--bs-position: end;
right: 0 /* rtl:ignore */;
left: auto /* rtl:ignore */;
}
@media (min-width: 576px) {
.dropdown-menu-sm-start {
--bs-position: start;
right: auto /* rtl:ignore */;
left: 0 /* rtl:ignore */;
}
.dropdown-menu-sm-end {
--bs-position: end;
right: 0 /* rtl:ignore */;
left: auto /* rtl:ignore */;
}
}
@media (min-width: 768px) {
.dropdown-menu-md-start {
--bs-position: start;
right: auto /* rtl:ignore */;
left: 0 /* rtl:ignore */;
}
.dropdown-menu-md-end {
--bs-position: end;
right: 0 /* rtl:ignore */;
left: auto /* rtl:ignore */;
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-start {
--bs-position: start;
right: auto /* rtl:ignore */;
left: 0 /* rtl:ignore */;
}
.dropdown-menu-lg-end {
--bs-position: end;
right: 0 /* rtl:ignore */;
left: auto /* rtl:ignore */;
}
}
@media (min-width: 1200px) {
.dropdown-menu-xl-start {
--bs-position: start;
right: auto /* rtl:ignore */;
left: 0 /* rtl:ignore */;
}
.dropdown-menu-xl-end {
--bs-position: end;
right: 0 /* rtl:ignore */;
left: auto /* rtl:ignore */;
}
}
@media (min-width: 1400px) {
.dropdown-menu-xxl-start {
--bs-position: start;
right: auto /* rtl:ignore */;
left: 0 /* rtl:ignore */;
}
.dropdown-menu-xxl-end {
--bs-position: end;
right: 0 /* rtl:ignore */;
left: auto /* rtl:ignore */;
}
@@ -3585,12 +3600,6 @@ textarea.form-control-lg {
vertical-align: 0;
}
.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
right: auto;
bottom: auto;
left: auto;
}
.dropdown-divider {
height: 0;
margin: 0.5rem 0;
@@ -5045,29 +5054,34 @@ textarea.form-control-lg {
}
.toast {
max-width: 350px;
width: 350px;
max-width: 100%;
font-size: 0.875rem;
pointer-events: auto;
background-color: rgba(255, 255, 255, 0.85);
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
opacity: 0;
border-radius: 0.25rem;
}
.toast:not(:last-child) {
margin-bottom: 0.75rem;
}
.toast.showing {
opacity: 1;
}
.toast.show {
display: block;
opacity: 1;
.toast:not(.showing):not(.show) {
opacity: 0;
}
.toast.hide {
display: none;
}
.toast-container {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
max-width: 100%;
pointer-events: none;
}
.toast-container > :not(:last-child) {
margin-bottom: 0.75rem;
}
.toast-header {
display: flex;
align-items: center;
@@ -5424,56 +5438,56 @@ textarea.form-control-lg {
border-style: solid;
}
.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] {
padding: 0.4rem 0;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[x-placement^=top] .tooltip-arrow {
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[x-placement^=top] .tooltip-arrow::before {
top: 0;
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
top: -1px;
border-width: 0.4rem 0.4rem 0;
border-top-color: #000;
}
.bs-tooltip-end, .bs-tooltip-auto[x-placement^=right] {
.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] {
padding: 0 0.4rem;
}
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[x-placement^=right] .tooltip-arrow {
left: 0 /* rtl:ignore */;
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
left: 0;
width: 0.4rem;
height: 0.8rem;
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[x-placement^=right] .tooltip-arrow::before {
right: 0 /* rtl:ignore */;
border-width: 0.4rem 0.4rem 0.4rem 0 /* rtl:ignore */;
border-right-color: #000 /* rtl:ignore */;
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
right: -1px;
border-width: 0.4rem 0.4rem 0.4rem 0;
border-right-color: #000;
}
.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] {
padding: 0.4rem 0;
}
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow {
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow::before {
bottom: 0;
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
bottom: -1px;
border-width: 0 0.4rem 0.4rem;
border-bottom-color: #000;
}
.bs-tooltip-start, .bs-tooltip-auto[x-placement^=left] {
.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] {
padding: 0 0.4rem;
}
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[x-placement^=left] .tooltip-arrow {
right: 0 /* rtl:ignore */;
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
right: 0;
width: 0.4rem;
height: 0.8rem;
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[x-placement^=left] .tooltip-arrow::before {
left: 0 /* rtl:ignore */;
border-width: 0.4rem 0 0.4rem 0.4rem /* rtl:ignore */;
border-left-color: #000 /* rtl:ignore */;
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
left: -1px;
border-width: 0.4rem 0 0.4rem 0.4rem;
border-left-color: #000;
}
.tooltip-inner {
@@ -5528,60 +5542,60 @@ textarea.form-control-lg {
border-style: solid;
}
.bs-popover-top, .bs-popover-auto[x-placement^=top] {
margin-bottom: 0.5rem;
.bs-popover-top, .bs-popover-auto[data-popper-placement^=top] {
margin-bottom: 0.5rem !important;
}
.bs-popover-top > .popover-arrow, .bs-popover-auto[x-placement^=top] > .popover-arrow {
.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[x-placement^=top] > .popover-arrow::before {
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
bottom: 0;
border-width: 0.5rem 0.5rem 0;
border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[x-placement^=top] > .popover-arrow::after {
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
bottom: 1px;
border-width: 0.5rem 0.5rem 0;
border-top-color: #fff;
}
.bs-popover-end, .bs-popover-auto[x-placement^=right] {
margin-left: 0.5rem /* rtl:ignore */;
.bs-popover-end, .bs-popover-auto[data-popper-placement^=right] {
margin-left: 0.5rem !important;
}
.bs-popover-end > .popover-arrow, .bs-popover-auto[x-placement^=right] > .popover-arrow {
left: calc(-0.5rem - 1px) /* rtl:ignore */;
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
left: calc(-0.5rem - 1px);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[x-placement^=right] > .popover-arrow::before {
left: 0 /* rtl:ignore */;
border-width: 0.5rem 0.5rem 0.5rem 0 /* rtl:ignore */;
border-right-color: rgba(0, 0, 0, 0.25) /* rtl:ignore */;
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
left: 0;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[x-placement^=right] > .popover-arrow::after {
left: 1px /* rtl:ignore */;
border-width: 0.5rem 0.5rem 0.5rem 0 /* rtl:ignore */;
border-right-color: #fff /* rtl:ignore */;
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
left: 1px;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: #fff;
}
.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
margin-top: 0.5rem;
.bs-popover-bottom, .bs-popover-auto[data-popper-placement^=bottom] {
margin-top: 0.5rem !important;
}
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[x-placement^=bottom] > .popover-arrow {
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[x-placement^=bottom] > .popover-arrow::before {
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
top: 0;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[x-placement^=bottom] > .popover-arrow::after {
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
top: 1px;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
position: absolute;
top: 0;
left: 50%;
@@ -5592,24 +5606,24 @@ textarea.form-control-lg {
border-bottom: 1px solid #f0f0f0;
}
.bs-popover-start, .bs-popover-auto[x-placement^=left] {
margin-right: 0.5rem /* rtl:ignore */;
.bs-popover-start, .bs-popover-auto[data-popper-placement^=left] {
margin-right: 0.5rem !important;
}
.bs-popover-start > .popover-arrow, .bs-popover-auto[x-placement^=left] > .popover-arrow {
right: calc(-0.5rem - 1px) /* rtl:ignore */;
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
right: calc(-0.5rem - 1px);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0;
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[x-placement^=left] > .popover-arrow::before {
right: 0 /* rtl:ignore */;
border-width: 0.5rem 0 0.5rem 0.5rem /* rtl:ignore */;
border-left-color: rgba(0, 0, 0, 0.25) /* rtl:ignore */;
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
right: 0;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[x-placement^=left] > .popover-arrow::after {
right: 1px /* rtl:ignore */;
border-width: 0.5rem 0 0.5rem 0.5rem /* rtl:ignore */;
border-left-color: #fff /* rtl:ignore */;
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
right: 1px;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: #fff;
}
.popover-header {
@@ -6268,7 +6282,15 @@ textarea.form-control-lg {
}
.translate-middle {
transform: translateX(-50%) translateY(-50%) !important;
transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
transform: translateX(-50%) !important;
}
.translate-middle-y {
transform: translateY(-50%) !important;
}
.border {