Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/twbs/bootstrap.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'dist/css/bootstrap.rtl.css')
-rw-r--r--dist/css/bootstrap.rtl.css174
1 files changed, 98 insertions, 76 deletions
diff --git a/dist/css/bootstrap.rtl.css b/dist/css/bootstrap.rtl.css
index 9d9f656aa1..ae48234474 100644
--- a/dist/css/bootstrap.rtl.css
+++ b/dist/css/bootstrap.rtl.css
@@ -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)
@@ -3441,68 +3441,83 @@ textarea.form-control-lg {
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
}
+.dropdown-menu[style] {
+ left: auto !important;
+}
.dropdown-menu-start {
+ --bs-position: start;
right: auto ;
left: 0 ;
}
.dropdown-menu-end {
+ --bs-position: end;
right: 0 ;
left: auto ;
}
@media (min-width: 576px) {
.dropdown-menu-sm-start {
+ --bs-position: start;
right: auto ;
left: 0 ;
}
.dropdown-menu-sm-end {
+ --bs-position: end;
right: 0 ;
left: auto ;
}
}
@media (min-width: 768px) {
.dropdown-menu-md-start {
+ --bs-position: start;
right: auto ;
left: 0 ;
}
.dropdown-menu-md-end {
+ --bs-position: end;
right: 0 ;
left: auto ;
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-start {
+ --bs-position: start;
right: auto ;
left: 0 ;
}
.dropdown-menu-lg-end {
+ --bs-position: end;
right: 0 ;
left: auto ;
}
}
@media (min-width: 1200px) {
.dropdown-menu-xl-start {
+ --bs-position: start;
right: auto ;
left: 0 ;
}
.dropdown-menu-xl-end {
+ --bs-position: end;
right: 0 ;
left: auto ;
}
}
@media (min-width: 1400px) {
.dropdown-menu-xxl-start {
+ --bs-position: start;
right: auto ;
left: 0 ;
}
.dropdown-menu-xxl-end {
+ --bs-position: end;
right: 0 ;
left: auto ;
}
@@ -3583,12 +3598,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] {
- left: auto;
- bottom: auto;
- right: auto;
-}
-
.dropdown-divider {
height: 0;
margin: 0.5rem 0;
@@ -5043,29 +5052,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;
@@ -5422,56 +5436,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 ;
+.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
+ right: 0;
width: 0.4rem;
height: 0.8rem;
}
-.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[x-placement^=right] .tooltip-arrow::before {
- right: 0 ;
- border-width: 0.4rem 0.4rem 0.4rem 0 ;
- border-right-color: #000 ;
+.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
+ left: -1px;
+ border-width: 0.4rem 0 0.4rem 0.4rem;
+ border-left-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 ;
+.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
+ left: 0;
width: 0.4rem;
height: 0.8rem;
}
-.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[x-placement^=left] .tooltip-arrow::before {
- left: 0 ;
- border-width: 0.4rem 0 0.4rem 0.4rem ;
- border-left-color: #000 ;
+.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
+ right: -1px;
+ border-width: 0.4rem 0.4rem 0.4rem 0;
+ border-right-color: #000;
}
.tooltip-inner {
@@ -5526,60 +5540,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 ;
+.bs-popover-end, .bs-popover-auto[data-popper-placement^=right] {
+ margin-right: 0.5rem !important;
}
-.bs-popover-end > .popover-arrow, .bs-popover-auto[x-placement^=right] > .popover-arrow {
- left: calc(-0.5rem - 1px) ;
+.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
+ right: 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 ;
- border-width: 0.5rem 0.5rem 0.5rem 0 ;
- border-right-color: rgba(0, 0, 0, 0.25) ;
+.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .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-end > .popover-arrow::after, .bs-popover-auto[x-placement^=right] > .popover-arrow::after {
- left: 1px ;
- border-width: 0.5rem 0.5rem 0.5rem 0 ;
- border-right-color: #fff ;
+.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
+ right: 1px;
+ border-width: 0.5rem 0 0.5rem 0.5rem;
+ border-left-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;
right: 50%;
@@ -5590,24 +5604,24 @@ textarea.form-control-lg {
border-bottom: 1px solid #f0f0f0;
}
-.bs-popover-start, .bs-popover-auto[x-placement^=left] {
- margin-right: 0.5rem ;
+.bs-popover-start, .bs-popover-auto[data-popper-placement^=left] {
+ margin-left: 0.5rem !important;
}
-.bs-popover-start > .popover-arrow, .bs-popover-auto[x-placement^=left] > .popover-arrow {
- right: calc(-0.5rem - 1px) ;
+.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
+ left: 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 ;
- border-width: 0.5rem 0 0.5rem 0.5rem ;
- border-left-color: rgba(0, 0, 0, 0.25) ;
+.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .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-start > .popover-arrow::after, .bs-popover-auto[x-placement^=left] > .popover-arrow::after {
- right: 1px ;
- border-width: 0.5rem 0 0.5rem 0.5rem ;
- border-left-color: #fff ;
+.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
+ left: 1px;
+ border-width: 0.5rem 0.5rem 0.5rem 0;
+ border-right-color: #fff;
}
.popover-header {
@@ -6253,7 +6267,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 {