aboutsummaryrefslogtreecommitdiff
path: root/dist/css/bootstrap.rtl.css
diff options
context:
space:
mode:
authorXhmikosR <[email protected]>2023-04-03 10:26:50 +0300
committerGitHub <[email protected]>2023-04-03 10:26:50 +0300
commitac576614a5515e429f27e756fad81d5aa05e95a6 (patch)
tree39688ea1d9fefa96e4a3269502d15229bfdcd7e6 /dist/css/bootstrap.rtl.css
parentc0107d142e83c0686a61afb65ab583dbd4d9ceb8 (diff)
downloadbootstrap-ac576614a5515e429f27e756fad81d5aa05e95a6.tar.xz
bootstrap-ac576614a5515e429f27e756fad81d5aa05e95a6.zip
Release v5.3.0-alpha3 (#38357)
* Bump version to 5.3.0-alpha3 * Dist
Diffstat (limited to 'dist/css/bootstrap.rtl.css')
-rw-r--r--dist/css/bootstrap.rtl.css123
1 files changed, 79 insertions, 44 deletions
diff --git a/dist/css/bootstrap.rtl.css b/dist/css/bootstrap.rtl.css
index f3f919306..48ffe7d80 100644
--- a/dist/css/bootstrap.rtl.css
+++ b/dist/css/bootstrap.rtl.css
@@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
- * Bootstrap v5.3.0-alpha2 (https://getbootstrap.com/)
+ * Bootstrap v5.3.0-alpha3 (https://getbootstrap.com/)
* Copyright 2011-2023 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
@@ -2114,7 +2114,7 @@ progress {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
- border-radius: 0.375rem;
+ border-radius: var(--bs-border-radius);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
@@ -2226,7 +2226,7 @@ progress {
min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
- border-radius: 0.25rem;
+ border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::-webkit-file-upload-button {
padding: 0.25rem 0.5rem;
@@ -2245,7 +2245,7 @@ progress {
min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
padding: 0.5rem 1rem;
font-size: 1.25rem;
- border-radius: 0.5rem;
+ border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::-webkit-file-upload-button {
padding: 0.5rem 1rem;
@@ -2280,11 +2280,11 @@ textarea.form-control-lg {
}
.form-control-color::-moz-color-swatch {
border: 0 !important;
- border-radius: 0.375rem;
+ border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
border: 0 !important;
- border-radius: 0.375rem;
+ border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
@@ -2308,7 +2308,7 @@ textarea.form-control-lg {
background-position: left 0.75rem center;
background-size: 16px 12px;
border: var(--bs-border-width) solid var(--bs-border-color);
- border-radius: 0.375rem;
+ border-radius: var(--bs-border-radius);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
@@ -2341,7 +2341,7 @@ textarea.form-control-lg {
padding-bottom: 0.25rem;
padding-right: 0.5rem;
font-size: 0.875rem;
- border-radius: 0.25rem;
+ border-radius: var(--bs-border-radius-sm);
}
.form-select-lg {
@@ -2349,7 +2349,7 @@ textarea.form-control-lg {
padding-bottom: 0.5rem;
padding-right: 1rem;
font-size: 1.25rem;
- border-radius: 0.5rem;
+ border-radius: var(--bs-border-radius-lg);
}
[data-bs-theme=dark] .form-select {
@@ -2582,16 +2582,6 @@ textarea.form-control-lg {
.form-floating {
position: relative;
}
-.form-floating:not(.form-control:disabled)::before {
- position: absolute;
- top: var(--bs-border-width);
- right: var(--bs-border-width);
- width: calc(100% - (calc(calc(0.375em + 0.1875rem) + calc(0.75em + 0.375rem))));
- height: 1.875em;
- content: "";
- background-color: var(--bs-body-bg);
- border-radius: 0.375rem;
-}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
@@ -2602,7 +2592,7 @@ textarea.form-control-lg {
position: absolute;
top: 0;
right: 0;
- width: 100%;
+ z-index: 2;
height: 100%;
padding: 1rem 0.75rem;
overflow: hidden;
@@ -2650,26 +2640,50 @@ textarea.form-control-lg {
padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
- opacity: 0.65;
+ color: rgba(var(--bs-body-color-rgb), 0.65);
transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
- opacity: 0.65;
+ color: rgba(var(--bs-body-color-rgb), 0.65);
transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem);
}
+.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after {
+ position: absolute;
+ inset: 1rem 0.375rem;
+ z-index: -1;
+ height: 1.5em;
+ content: "";
+ background-color: var(--bs-body-bg);
+ border-radius: var(--bs-border-radius);
+}
+.form-floating > .form-control:focus ~ label::after,
+.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
+.form-floating > .form-control-plaintext ~ label::after,
+.form-floating > .form-select ~ label::after {
+ position: absolute;
+ inset: 1rem 0.375rem;
+ z-index: -1;
+ height: 1.5em;
+ content: "";
+ background-color: var(--bs-body-bg);
+ border-radius: var(--bs-border-radius);
+}
.form-floating > .form-control:-webkit-autofill ~ label {
- opacity: 0.65;
+ color: rgba(var(--bs-body-color-rgb), 0.65);
transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
border-width: var(--bs-border-width) 0;
}
-.form-floating > .form-control:disabled ~ label {
+.form-floating > :disabled ~ label {
color: #6c757d;
}
+.form-floating > :disabled ~ label::after {
+ background-color: var(--bs-secondary-bg);
+}
.input-group {
position: relative;
@@ -2711,7 +2725,7 @@ textarea.form-control-lg {
white-space: nowrap;
background-color: var(--bs-tertiary-bg);
border: var(--bs-border-width) solid var(--bs-border-color);
- border-radius: 0.375rem;
+ border-radius: var(--bs-border-radius);
}
.input-group-lg > .form-control,
@@ -2720,7 +2734,7 @@ textarea.form-control-lg {
.input-group-lg > .btn {
padding: 0.5rem 1rem;
font-size: 1.25rem;
- border-radius: 0.5rem;
+ border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .form-control,
@@ -2729,7 +2743,7 @@ textarea.form-control-lg {
.input-group-sm > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
- border-radius: 0.25rem;
+ border-radius: var(--bs-border-radius-sm);
}
.input-group-lg > .form-select,
@@ -2953,7 +2967,7 @@ textarea.form-control-lg {
--bs-btn-bg: transparent;
--bs-btn-border-width: var(--bs-border-width);
--bs-btn-border-color: transparent;
- --bs-btn-border-radius: 0.375rem;
+ --bs-btn-border-radius: var(--bs-border-radius);
--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;
@@ -3318,14 +3332,14 @@ textarea.form-control-lg {
--bs-btn-padding-y: 0.5rem;
--bs-btn-padding-x: 1rem;
--bs-btn-font-size: 1.25rem;
- --bs-btn-border-radius: 0.5rem;
+ --bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-sm, .btn-group-sm > .btn {
--bs-btn-padding-y: 0.25rem;
--bs-btn-padding-x: 0.5rem;
--bs-btn-font-size: 0.875rem;
- --bs-btn-border-radius: 0.25rem;
+ --bs-btn-border-radius: var(--bs-border-radius-sm);
}
.fade {
@@ -3401,9 +3415,9 @@ textarea.form-control-lg {
--bs-dropdown-color: var(--bs-body-color);
--bs-dropdown-bg: var(--bs-body-bg);
--bs-dropdown-border-color: var(--bs-border-color-translucent);
- --bs-dropdown-border-radius: 0.375rem;
+ --bs-dropdown-border-radius: var(--bs-border-radius);
--bs-dropdown-border-width: var(--bs-border-width);
- --bs-dropdown-inner-border-radius: calc(0.375rem - var(--bs-border-width));
+ --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-divider-margin-y: 0.5rem;
--bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
@@ -3718,7 +3732,7 @@ textarea.form-control-lg {
}
.btn-group {
- border-radius: 0.375rem;
+ border-radius: var(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
@@ -3863,7 +3877,7 @@ textarea.form-control-lg {
}
.nav-pills {
- --bs-nav-pills-border-radius: 0.375rem;
+ --bs-nav-pills-border-radius: var(--bs-border-radius);
--bs-nav-pills-link-active-color: #fff;
--bs-nav-pills-link-active-bg: #0d6efd;
}
@@ -3945,7 +3959,7 @@ textarea.form-control-lg {
--bs-navbar-toggler-font-size: 1.25rem;
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
--bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
- --bs-navbar-toggler-border-radius: 0.375rem;
+ --bs-navbar-toggler-border-radius: var(--bs-border-radius);
--bs-navbar-toggler-focus-width: 0.25rem;
--bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
position: relative;
@@ -4796,14 +4810,14 @@ textarea.form-control-lg {
--bs-pagination-padding-x: 1.5rem;
--bs-pagination-padding-y: 0.75rem;
--bs-pagination-font-size: 1.25rem;
- --bs-pagination-border-radius: 0.5rem;
+ --bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
--bs-pagination-padding-x: 0.5rem;
--bs-pagination-padding-y: 0.25rem;
--bs-pagination-font-size: 0.875rem;
- --bs-pagination-border-radius: 0.25rem;
+ --bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.badge {
@@ -4812,7 +4826,7 @@ textarea.form-control-lg {
--bs-badge-font-size: 0.75em;
--bs-badge-font-weight: 700;
--bs-badge-color: #fff;
- --bs-badge-border-radius: 0.375rem;
+ --bs-badge-border-radius: var(--bs-border-radius);
display: inline-block;
padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
font-size: var(--bs-badge-font-size);
@@ -4841,7 +4855,7 @@ textarea.form-control-lg {
--bs-alert-color: inherit;
--bs-alert-border-color: transparent;
--bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
- --bs-alert-border-radius: 0.375rem;
+ --bs-alert-border-radius: var(--bs-border-radius);
--bs-alert-link-color: inherit;
position: relative;
padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
@@ -5754,7 +5768,6 @@ textarea.form-control-lg {
--bs-tooltip-arrow-height: 0.4rem;
z-index: var(--bs-tooltip-zindex);
display: block;
- padding: var(--bs-tooltip-arrow-height);
margin: var(--bs-tooltip-margin);
font-family: var(--bs-font-sans-serif);
font-style: normal;
@@ -5790,7 +5803,7 @@ textarea.form-control-lg {
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
- bottom: 0;
+ bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
top: -1px;
@@ -5798,7 +5811,7 @@ textarea.form-control-lg {
border-top-color: var(--bs-tooltip-bg);
}
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
- left: 0;
+ left: calc(-1 * var(--bs-tooltip-arrow-height));
width: var(--bs-tooltip-arrow-height);
height: var(--bs-tooltip-arrow-width);
}
@@ -5808,7 +5821,7 @@ textarea.form-control-lg {
border-right-color: var(--bs-tooltip-bg);
}
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
- top: 0;
+ top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
bottom: -1px;
@@ -5816,7 +5829,7 @@ textarea.form-control-lg {
border-bottom-color: var(--bs-tooltip-bg);
}
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
- right: 0;
+ right: calc(-1 * var(--bs-tooltip-arrow-height));
width: var(--bs-tooltip-arrow-height);
height: var(--bs-tooltip-arrow-width);
}
@@ -7361,6 +7374,10 @@ textarea.form-control-lg {
display: grid !important;
}
+.d-inline-grid {
+ display: inline-grid !important;
+}
+
.d-table {
display: table !important;
}
@@ -9245,6 +9262,9 @@ textarea.form-control-lg {
.d-sm-grid {
display: grid !important;
}
+ .d-sm-inline-grid {
+ display: inline-grid !important;
+ }
.d-sm-table {
display: table !important;
}
@@ -9803,6 +9823,9 @@ textarea.form-control-lg {
.d-md-grid {
display: grid !important;
}
+ .d-md-inline-grid {
+ display: inline-grid !important;
+ }
.d-md-table {
display: table !important;
}
@@ -10361,6 +10384,9 @@ textarea.form-control-lg {
.d-lg-grid {
display: grid !important;
}
+ .d-lg-inline-grid {
+ display: inline-grid !important;
+ }
.d-lg-table {
display: table !important;
}
@@ -10919,6 +10945,9 @@ textarea.form-control-lg {
.d-xl-grid {
display: grid !important;
}
+ .d-xl-inline-grid {
+ display: inline-grid !important;
+ }
.d-xl-table {
display: table !important;
}
@@ -11477,6 +11506,9 @@ textarea.form-control-lg {
.d-xxl-grid {
display: grid !important;
}
+ .d-xxl-inline-grid {
+ display: inline-grid !important;
+ }
.d-xxl-table {
display: table !important;
}
@@ -12020,6 +12052,9 @@ textarea.form-control-lg {
.d-print-grid {
display: grid !important;
}
+ .d-print-inline-grid {
+ display: inline-grid !important;
+ }
.d-print-table {
display: table !important;
}