mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-05 16:42:29 +03:00
+79
-44
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user