aboutsummaryrefslogtreecommitdiff
path: root/dist/css/bootstrap.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.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.css')
-rw-r--r--dist/css/bootstrap.css123
1 files changed, 79 insertions, 44 deletions
diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css
index 19063e4f0..4ac8658b2 100644
--- a/dist/css/bootstrap.css
+++ b/dist/css/bootstrap.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)
*/
@@ -2116,7 +2116,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) {
@@ -2228,7 +2228,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;
@@ -2247,7 +2247,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;
@@ -2282,11 +2282,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));
@@ -2310,7 +2310,7 @@ textarea.form-control-lg {
background-position: right 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;
@@ -2343,7 +2343,7 @@ textarea.form-control-lg {
padding-bottom: 0.25rem;
padding-left: 0.5rem;
font-size: 0.875rem;
- border-radius: 0.25rem;
+ border-radius: var(--bs-border-radius-sm);
}
.form-select-lg {
@@ -2351,7 +2351,7 @@ textarea.form-control-lg {
padding-bottom: 0.5rem;
padding-left: 1rem;
font-size: 1.25rem;
- border-radius: 0.5rem;
+ border-radius: var(--bs-border-radius-lg);
}
[data-bs-theme=dark] .form-select {
@@ -2584,16 +2584,6 @@ textarea.form-control-lg {
.form-floating {
position: relative;
}
-.form-floating:not(.form-control:disabled)::before {
- position: absolute;
- top: var(--bs-border-width);
- left: 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 {
@@ -2604,7 +2594,7 @@ textarea.form-control-lg {
position: absolute;
top: 0;
left: 0;
- width: 100%;
+ z-index: 2;
height: 100%;
padding: 1rem 0.75rem;
overflow: hidden;
@@ -2652,26 +2642,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;
@@ -2713,7 +2727,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,
@@ -2722,7 +2736,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,
@@ -2731,7 +2745,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,
@@ -2955,7 +2969,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;
@@ -3320,14 +3334,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 {
@@ -3403,9 +3417,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);
@@ -3720,7 +3734,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) {
@@ -3865,7 +3879,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;
}
@@ -3947,7 +3961,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;
@@ -4798,14 +4812,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 {
@@ -4814,7 +4828,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);
@@ -4843,7 +4857,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);
@@ -5756,7 +5770,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;
@@ -5792,7 +5805,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;
@@ -5802,7 +5815,7 @@ textarea.form-control-lg {
/* rtl:begin:ignore */
.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);
}
@@ -5814,7 +5827,7 @@ textarea.form-control-lg {
/* rtl:end:ignore */
.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;
@@ -5824,7 +5837,7 @@ textarea.form-control-lg {
/* rtl:begin:ignore */
.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);
}
@@ -7388,6 +7401,10 @@ textarea.form-control-lg {
display: grid !important;
}
+.d-inline-grid {
+ display: inline-grid !important;
+}
+
.d-table {
display: table !important;
}
@@ -9280,6 +9297,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;
}
@@ -9838,6 +9858,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;
}
@@ -10396,6 +10419,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;
}
@@ -10954,6 +10980,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;
}
@@ -11512,6 +11541,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;
}
@@ -12055,6 +12087,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;
}