diff options
author | XhmikosR <xhmikosr@gmail.com> | 2021-06-22 21:29:16 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-06-22 21:29:16 +0300 |
commit | 688bce4fa695cc360a0d084e34f029b0c192b223 (patch) | |
tree | dcda8a139b0225f23df2c3d3811afdefbc6d5af0 /dist/css/bootstrap.css | |
parent | 16d5041a76748580bae47ce168ba579daae9725b (diff) |
Release v5.0.2 (#34276)v5.0.2
* Bump version to v5.0.2.
* Dist
Diffstat (limited to 'dist/css/bootstrap.css')
-rw-r--r-- | dist/css/bootstrap.css | 673 |
1 files changed, 345 insertions, 328 deletions
diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index 386e8b0675..892302a624 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -1,6 +1,6 @@ @charset "UTF-8"; /*! - * Bootstrap v5.0.1 (https://getbootstrap.com/) + * Bootstrap v5.0.2 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) @@ -634,15 +634,15 @@ progress { display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); - margin-right: calc(var(--bs-gutter-x) / -2); - margin-left: calc(var(--bs-gutter-x) / -2); + margin-right: calc(var(--bs-gutter-x) * -.5); + margin-left: calc(var(--bs-gutter-x) * -.5); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; - padding-right: calc(var(--bs-gutter-x) / 2); - padding-left: calc(var(--bs-gutter-x) / 2); + padding-right: calc(var(--bs-gutter-x) * .5); + padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); } @@ -685,6 +685,206 @@ progress { width: 16.6666666667%; } +@media (min-width: 576px) { + .col-sm { + flex: 1 0 0%; + } + + .row-cols-sm-auto > * { + flex: 0 0 auto; + width: auto; + } + + .row-cols-sm-1 > * { + flex: 0 0 auto; + width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 auto; + width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 auto; + width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 auto; + width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 auto; + width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 auto; + width: 16.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex: 1 0 0%; + } + + .row-cols-md-auto > * { + flex: 0 0 auto; + width: auto; + } + + .row-cols-md-1 > * { + flex: 0 0 auto; + width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 auto; + width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 auto; + width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 auto; + width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 auto; + width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 auto; + width: 16.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex: 1 0 0%; + } + + .row-cols-lg-auto > * { + flex: 0 0 auto; + width: auto; + } + + .row-cols-lg-1 > * { + flex: 0 0 auto; + width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 auto; + width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 auto; + width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 auto; + width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 auto; + width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 auto; + width: 16.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex: 1 0 0%; + } + + .row-cols-xl-auto > * { + flex: 0 0 auto; + width: auto; + } + + .row-cols-xl-1 > * { + flex: 0 0 auto; + width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 auto; + width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 auto; + width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 auto; + width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 auto; + width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 auto; + width: 16.6666666667%; + } +} +@media (min-width: 1400px) { + .col-xxl { + flex: 1 0 0%; + } + + .row-cols-xxl-auto > * { + flex: 0 0 auto; + width: auto; + } + + .row-cols-xxl-1 > * { + flex: 0 0 auto; + width: 100%; + } + + .row-cols-xxl-2 > * { + flex: 0 0 auto; + width: 50%; + } + + .row-cols-xxl-3 > * { + flex: 0 0 auto; + width: 33.3333333333%; + } + + .row-cols-xxl-4 > * { + flex: 0 0 auto; + width: 25%; + } + + .row-cols-xxl-5 > * { + flex: 0 0 auto; + width: 20%; + } + + .row-cols-xxl-6 > * { + flex: 0 0 auto; + width: 16.6666666667%; + } +} .col-auto { flex: 0 0 auto; width: auto; @@ -692,12 +892,12 @@ progress { .col-1 { flex: 0 0 auto; - width: 8.3333333333%; + width: 8.33333333%; } .col-2 { flex: 0 0 auto; - width: 16.6666666667%; + width: 16.66666667%; } .col-3 { @@ -707,12 +907,12 @@ progress { .col-4 { flex: 0 0 auto; - width: 33.3333333333%; + width: 33.33333333%; } .col-5 { flex: 0 0 auto; - width: 41.6666666667%; + width: 41.66666667%; } .col-6 { @@ -722,12 +922,12 @@ progress { .col-7 { flex: 0 0 auto; - width: 58.3333333333%; + width: 58.33333333%; } .col-8 { flex: 0 0 auto; - width: 66.6666666667%; + width: 66.66666667%; } .col-9 { @@ -737,12 +937,12 @@ progress { .col-10 { flex: 0 0 auto; - width: 83.3333333333%; + width: 83.33333333%; } .col-11 { flex: 0 0 auto; - width: 91.6666666667%; + width: 91.66666667%; } .col-12 { @@ -751,11 +951,11 @@ progress { } .offset-1 { - margin-left: 8.3333333333%; + margin-left: 8.33333333%; } .offset-2 { - margin-left: 16.6666666667%; + margin-left: 16.66666667%; } .offset-3 { @@ -763,11 +963,11 @@ progress { } .offset-4 { - margin-left: 33.3333333333%; + margin-left: 33.33333333%; } .offset-5 { - margin-left: 41.6666666667%; + margin-left: 41.66666667%; } .offset-6 { @@ -775,11 +975,11 @@ progress { } .offset-7 { - margin-left: 58.3333333333%; + margin-left: 58.33333333%; } .offset-8 { - margin-left: 66.6666666667%; + margin-left: 66.66666667%; } .offset-9 { @@ -787,11 +987,11 @@ progress { } .offset-10 { - margin-left: 83.3333333333%; + margin-left: 83.33333333%; } .offset-11 { - margin-left: 91.6666666667%; + margin-left: 91.66666667%; } .g-0, @@ -855,45 +1055,6 @@ progress { } @media (min-width: 576px) { - .col-sm { - flex: 1 0 0%; - } - - .row-cols-sm-auto > * { - flex: 0 0 auto; - width: auto; - } - - .row-cols-sm-1 > * { - flex: 0 0 auto; - width: 100%; - } - - .row-cols-sm-2 > * { - flex: 0 0 auto; - width: 50%; - } - - .row-cols-sm-3 > * { - flex: 0 0 auto; - width: 33.3333333333%; - } - - .row-cols-sm-4 > * { - flex: 0 0 auto; - width: 25%; - } - - .row-cols-sm-5 > * { - flex: 0 0 auto; - width: 20%; - } - - .row-cols-sm-6 > * { - flex: 0 0 auto; - width: 16.6666666667%; - } - .col-sm-auto { flex: 0 0 auto; width: auto; @@ -901,12 +1062,12 @@ progress { .col-sm-1 { flex: 0 0 auto; - width: 8.3333333333%; + width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; - width: 16.6666666667%; + width: 16.66666667%; } .col-sm-3 { @@ -916,12 +1077,12 @@ progress { .col-sm-4 { flex: 0 0 auto; - width: 33.3333333333%; + width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; - width: 41.6666666667%; + width: 41.66666667%; } .col-sm-6 { @@ -931,12 +1092,12 @@ progress { .col-sm-7 { flex: 0 0 auto; - width: 58.3333333333%; + width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; - width: 66.6666666667%; + width: 66.66666667%; } .col-sm-9 { @@ -946,12 +1107,12 @@ progress { .col-sm-10 { flex: 0 0 auto; - width: 83.3333333333%; + width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; - width: 91.6666666667%; + width: 91.66666667%; } .col-sm-12 { @@ -964,11 +1125,11 @@ progress { } .offset-sm-1 { - margin-left: 8.3333333333%; + margin-left: 8.33333333%; } .offset-sm-2 { - margin-left: 16.6666666667%; + margin-left: 16.66666667%; } .offset-sm-3 { @@ -976,11 +1137,11 @@ progress { } .offset-sm-4 { - margin-left: 33.3333333333%; + margin-left: 33.33333333%; } .offset-sm-5 { - margin-left: 41.6666666667%; + margin-left: 41.66666667%; } .offset-sm-6 { @@ -988,11 +1149,11 @@ progress { } .offset-sm-7 { - margin-left: 58.3333333333%; + margin-left: 58.33333333%; } .offset-sm-8 { - margin-left: 66.6666666667%; + margin-left: 66.66666667%; } .offset-sm-9 { @@ -1000,11 +1161,11 @@ progress { } .offset-sm-10 { - margin-left: 83.3333333333%; + margin-left: 83.33333333%; } .offset-sm-11 { - margin-left: 91.6666666667%; + margin-left: 91.66666667%; } .g-sm-0, @@ -1068,45 +1229,6 @@ progress { } } @media (min-width: 768px) { - .col-md { - flex: 1 0 0%; - } - - .row-cols-md-auto > * { - flex: 0 0 auto; - width: auto; - } - - .row-cols-md-1 > * { - flex: 0 0 auto; - width: 100%; - } - - .row-cols-md-2 > * { - flex: 0 0 auto; - width: 50%; - } - - .row-cols-md-3 > * { - flex: 0 0 auto; - width: 33.3333333333%; - } - - .row-cols-md-4 > * { - flex: 0 0 auto; - width: 25%; - } - - .row-cols-md-5 > * { - flex: 0 0 auto; - width: 20%; - } - - .row-cols-md-6 > * { - flex: 0 0 auto; - width: 16.6666666667%; - } - .col-md-auto { flex: 0 0 auto; width: auto; @@ -1114,12 +1236,12 @@ progress { .col-md-1 { flex: 0 0 auto; - width: 8.3333333333%; + width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; - width: 16.6666666667%; + width: 16.66666667%; } .col-md-3 { @@ -1129,12 +1251,12 @@ progress { .col-md-4 { flex: 0 0 auto; - width: 33.3333333333%; + width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; - width: 41.6666666667%; + width: 41.66666667%; } .col-md-6 { @@ -1144,12 +1266,12 @@ progress { .col-md-7 { flex: 0 0 auto; - width: 58.3333333333%; + width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; - width: 66.6666666667%; + width: 66.66666667%; } .col-md-9 { @@ -1159,12 +1281,12 @@ progress { .col-md-10 { flex: 0 0 auto; - width: 83.3333333333%; + width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; - width: 91.6666666667%; + width: 91.66666667%; } .col-md-12 { @@ -1177,11 +1299,11 @@ progress { } .offset-md-1 { - margin-left: 8.3333333333%; + margin-left: 8.33333333%; } .offset-md-2 { - margin-left: 16.6666666667%; + margin-left: 16.66666667%; } .offset-md-3 { @@ -1189,11 +1311,11 @@ progress { } .offset-md-4 { - margin-left: 33.3333333333%; + margin-left: 33.33333333%; } .offset-md-5 { - margin-left: 41.6666666667%; + margin-left: 41.66666667%; } .offset-md-6 { @@ -1201,11 +1323,11 @@ progress { } .offset-md-7 { - margin-left: 58.3333333333%; + margin-left: 58.33333333%; } .offset-md-8 { - margin-left: 66.6666666667%; + margin-left: 66.66666667%; } .offset-md-9 { @@ -1213,11 +1335,11 @@ progress { } .offset-md-10 { - margin-left: 83.3333333333%; + margin-left: 83.33333333%; } .offset-md-11 { - margin-left: 91.6666666667%; + margin-left: 91.66666667%; } .g-md-0, @@ -1281,45 +1403,6 @@ progress { } } @media (min-width: 992px) { - .col-lg { - flex: 1 0 0%; - } - - .row-cols-lg-auto > * { - flex: 0 0 auto; - width: auto; - } - - .row-cols-lg-1 > * { - flex: 0 0 auto; - width: 100%; - } - - .row-cols-lg-2 > * { - flex: 0 0 auto; - width: 50%; - } - - .row-cols-lg-3 > * { - flex: 0 0 auto; - width: 33.3333333333%; - } - - .row-cols-lg-4 > * { - flex: 0 0 auto; - width: 25%; - } - - .row-cols-lg-5 > * { - flex: 0 0 auto; - width: 20%; - } - - .row-cols-lg-6 > * { - flex: 0 0 auto; - width: 16.6666666667%; - } - .col-lg-auto { flex: 0 0 auto; width: auto; @@ -1327,12 +1410,12 @@ progress { .col-lg-1 { flex: 0 0 auto; - width: 8.3333333333%; + width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; - width: 16.6666666667%; + width: 16.66666667%; } .col-lg-3 { @@ -1342,12 +1425,12 @@ progress { .col-lg-4 { flex: 0 0 auto; - width: 33.3333333333%; + width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; - width: 41.6666666667%; + width: 41.66666667%; } .col-lg-6 { @@ -1357,12 +1440,12 @@ progress { .col-lg-7 { flex: 0 0 auto; - width: 58.3333333333%; + width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; - width: 66.6666666667%; + width: 66.66666667%; } .col-lg-9 { @@ -1372,12 +1455,12 @@ progress { .col-lg-10 { flex: 0 0 auto; - width: 83.3333333333%; + width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; - width: 91.6666666667%; + width: 91.66666667%; } .col-lg-12 { @@ -1390,11 +1473,11 @@ progress { } .offset-lg-1 { - margin-left: 8.3333333333%; + margin-left: 8.33333333%; } .offset-lg-2 { - margin-left: 16.6666666667%; + margin-left: 16.66666667%; } .offset-lg-3 { @@ -1402,11 +1485,11 @@ progress { } .offset-lg-4 { - margin-left: 33.3333333333%; + margin-left: 33.33333333%; } .offset-lg-5 { - margin-left: 41.6666666667%; + margin-left: 41.66666667%; } .offset-lg-6 { @@ -1414,11 +1497,11 @@ progress { } .offset-lg-7 { - margin-left: 58.3333333333%; + margin-left: 58.33333333%; } .offset-lg-8 { - margin-left: 66.6666666667%; + margin-left: 66.66666667%; } .offset-lg-9 { @@ -1426,11 +1509,11 @@ progress { } .offset-lg-10 { - margin-left: 83.3333333333%; + margin-left: 83.33333333%; } .offset-lg-11 { - margin-left: 91.6666666667%; + margin-left: 91.66666667%; } .g-lg-0, @@ -1494,45 +1577,6 @@ progress { } } @media (min-width: 1200px) { - .col-xl { - flex: 1 0 0%; - } - - .row-cols-xl-auto > * { - flex: 0 0 auto; - width: auto; - } - - .row-cols-xl-1 > * { - flex: 0 0 auto; - width: 100%; - } - - .row-cols-xl-2 > * { - flex: 0 0 auto; - width: 50%; - } - - .row-cols-xl-3 > * { - flex: 0 0 auto; - width: 33.3333333333%; - } - - .row-cols-xl-4 > * { - flex: 0 0 auto; - width: 25%; - } - - .row-cols-xl-5 > * { - flex: 0 0 auto; - width: 20%; - } - - .row-cols-xl-6 > * { - flex: 0 0 auto; - width: 16.6666666667%; - } - .col-xl-auto { flex: 0 0 auto; width: auto; @@ -1540,12 +1584,12 @@ progress { .col-xl-1 { flex: 0 0 auto; - width: 8.3333333333%; + width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; - width: 16.6666666667%; + width: 16.66666667%; } .col-xl-3 { @@ -1555,12 +1599,12 @@ progress { .col-xl-4 { flex: 0 0 auto; - width: 33.3333333333%; + width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; - width: 41.6666666667%; + width: 41.66666667%; } .col-xl-6 { @@ -1570,12 +1614,12 @@ progress { .col-xl-7 { flex: 0 0 auto; - width: 58.3333333333%; + width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; - width: 66.6666666667%; + width: 66.66666667%; } .col-xl-9 { @@ -1585,12 +1629,12 @@ progress { .col-xl-10 { flex: 0 0 auto; - width: 83.3333333333%; + width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; - width: 91.6666666667%; + width: 91.66666667%; } .col-xl-12 { @@ -1603,11 +1647,11 @@ progress { } .offset-xl-1 { - margin-left: 8.3333333333%; + margin-left: 8.33333333%; } .offset-xl-2 { - margin-left: 16.6666666667%; + margin-left: 16.66666667%; } .offset-xl-3 { @@ -1615,11 +1659,11 @@ progress { } .offset-xl-4 { - margin-left: 33.3333333333%; + margin-left: 33.33333333%; } .offset-xl-5 { - margin-left: 41.6666666667%; + margin-left: 41.66666667%; } .offset-xl-6 { @@ -1627,11 +1671,11 @@ progress { } .offset-xl-7 { - margin-left: 58.3333333333%; + margin-left: 58.33333333%; } .offset-xl-8 { - margin-left: 66.6666666667%; + margin-left: 66.66666667%; } .offset-xl-9 { @@ -1639,11 +1683,11 @@ progress { } .offset-xl-10 { - margin-left: 83.3333333333%; + margin-left: 83.33333333%; } .offset-xl-11 { - margin-left: 91.6666666667%; + margin-left: 91.66666667%; } .g-xl-0, @@ -1707,45 +1751,6 @@ progress { } } @media (min-width: 1400px) { - .col-xxl { - flex: 1 0 0%; - } - - .row-cols-xxl-auto > * { - flex: 0 0 auto; - width: auto; - } - - .row-cols-xxl-1 > * { - flex: 0 0 auto; - width: 100%; - } - - .row-cols-xxl-2 > * { - flex: 0 0 auto; - width: 50%; - } - - .row-cols-xxl-3 > * { - flex: 0 0 auto; - width: 33.3333333333%; - } - - .row-cols-xxl-4 > * { - flex: 0 0 auto; - width: 25%; - } - - .row-cols-xxl-5 > * { - flex: 0 0 auto; - width: 20%; - } - - .row-cols-xxl-6 > * { - flex: 0 0 auto; - width: 16.6666666667%; - } - .col-xxl-auto { flex: 0 0 auto; width: auto; @@ -1753,12 +1758,12 @@ progress { .col-xxl-1 { flex: 0 0 auto; - width: 8.3333333333%; + width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; - width: 16.6666666667%; + width: 16.66666667%; } .col-xxl-3 { @@ -1768,12 +1773,12 @@ progress { .col-xxl-4 { flex: 0 0 auto; - width: 33.3333333333%; + width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; - width: 41.6666666667%; + width: 41.66666667%; } .col-xxl-6 { @@ -1783,12 +1788,12 @@ progress { .col-xxl-7 { flex: 0 0 auto; - width: 58.3333333333%; + width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; - width: 66.6666666667%; + width: 66.66666667%; } .col-xxl-9 { @@ -1798,12 +1803,12 @@ progress { .col-xxl-10 { flex: 0 0 auto; - width: 83.3333333333%; + width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; - width: 91.6666666667%; + width: 91.66666667%; } .col-xxl-12 { @@ -1816,11 +1821,11 @@ progress { } .offset-xxl-1 { - margin-left: 8.3333333333%; + margin-left: 8.33333333%; } .offset-xxl-2 { - margin-left: 16.6666666667%; + margin-left: 16.66666667%; } .offset-xxl-3 { @@ -1828,11 +1833,11 @@ progress { } .offset-xxl-4 { - margin-left: 33.3333333333%; + margin-left: 33.33333333%; } .offset-xxl-5 { - margin-left: 41.6666666667%; + margin-left: 41.66666667%; } .offset-xxl-6 { @@ -1840,11 +1845,11 @@ progress { } .offset-xxl-7 { - margin-left: 58.3333333333%; + margin-left: 58.33333333%; } .offset-xxl-8 { - margin-left: 66.6666666667%; + margin-left: 66.66666667%; } .offset-xxl-9 { @@ -1852,11 +1857,11 @@ progress { } .offset-xxl-10 { - margin-left: 83.3333333333%; + margin-left: 83.33333333%; } .offset-xxl-11 { - margin-left: 91.6666666667%; + margin-left: 91.66666667%; } .g-xxl-0, @@ -2261,7 +2266,7 @@ progress { } .form-control-sm { - min-height: calc(1.5em + 0.5rem + 2px); + min-height: calc(1.5em + (0.5rem + 2px)); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; @@ -2280,7 +2285,7 @@ progress { } .form-control-lg { - min-height: calc(1.5em + 1rem + 2px); + min-height: calc(1.5em + (1rem + 2px)); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; @@ -2299,13 +2304,13 @@ progress { } textarea.form-control { - min-height: calc(1.5em + 0.75rem + 2px); + min-height: calc(1.5em + (0.75rem + 2px)); } textarea.form-control-sm { - min-height: calc(1.5em + 0.5rem + 2px); + min-height: calc(1.5em + (0.5rem + 2px)); } textarea.form-control-lg { - min-height: calc(1.5em + 1rem + 2px); + min-height: calc(1.5em + (1rem + 2px)); } .form-control-color { @@ -2329,6 +2334,7 @@ textarea.form-control-lg { display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; + -moz-padding-start: calc(0.75rem - 3px); font-size: 1rem; font-weight: 400; line-height: 1.5; @@ -2340,10 +2346,16 @@ textarea.form-control-lg { background-size: 16px 12px; border: 1px solid #ced4da; border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; } +@media (prefers-reduced-motion: reduce) { + .form-select { + transition: none; + } +} .form-select:focus { border-color: #86b7fe; outline: 0; @@ -2576,7 +2588,7 @@ textarea.form-control-lg { .form-floating > .form-control, .form-floating > .form-select { height: calc(3.5rem + 2px); - padding: 1rem 0.75rem; + line-height: 1.25; } .form-floating > label { position: absolute; @@ -2594,6 +2606,9 @@ textarea.form-control-lg { transition: none; } } +.form-floating > .form-control { + padding: 1rem 0.75rem; +} .form-floating > .form-control::-moz-placeholder { color: transparent; } @@ -3466,16 +3481,16 @@ textarea.form-control-lg { --bs-position: start; } .dropdown-menu-start[data-bs-popper] { - right: auto /* rtl:ignore */; - left: 0 /* rtl:ignore */; + right: auto; + left: 0; } .dropdown-menu-end { --bs-position: end; } .dropdown-menu-end[data-bs-popper] { - right: 0 /* rtl:ignore */; - left: auto /* rtl:ignore */; + right: 0; + left: auto; } @media (min-width: 576px) { @@ -3483,16 +3498,16 @@ textarea.form-control-lg { --bs-position: start; } .dropdown-menu-sm-start[data-bs-popper] { - right: auto /* rtl:ignore */; - left: 0 /* rtl:ignore */; + right: auto; + left: 0; } .dropdown-menu-sm-end { --bs-position: end; } .dropdown-menu-sm-end[data-bs-popper] { - right: 0 /* rtl:ignore */; - left: auto /* rtl:ignore */; + right: 0; + left: auto; } } @media (min-width: 768px) { @@ -3500,16 +3515,16 @@ textarea.form-control-lg { --bs-position: start; } .dropdown-menu-md-start[data-bs-popper] { - right: auto /* rtl:ignore */; - left: 0 /* rtl:ignore */; + right: auto; + left: 0; } .dropdown-menu-md-end { --bs-position: end; } .dropdown-menu-md-end[data-bs-popper] { - right: 0 /* rtl:ignore */; - left: auto /* rtl:ignore */; + right: 0; + left: auto; } } @media (min-width: 992px) { @@ -3517,16 +3532,16 @@ textarea.form-control-lg { --bs-position: start; } .dropdown-menu-lg-start[data-bs-popper] { - right: auto /* rtl:ignore */; - left: 0 /* rtl:ignore */; + right: auto; + left: 0; } .dropdown-menu-lg-end { --bs-position: end; } .dropdown-menu-lg-end[data-bs-popper] { - right: 0 /* rtl:ignore */; - left: auto /* rtl:ignore */; + right: 0; + left: auto; } } @media (min-width: 1200px) { @@ -3534,16 +3549,16 @@ textarea.form-control-lg { --bs-position: start; } .dropdown-menu-xl-start[data-bs-popper] { - right: auto /* rtl:ignore */; - left: 0 /* rtl:ignore */; + right: auto; + left: 0; } .dropdown-menu-xl-end { --bs-position: end; } .dropdown-menu-xl-end[data-bs-popper] { - right: 0 /* rtl:ignore */; - left: auto /* rtl:ignore */; + right: 0; + left: auto; } } @media (min-width: 1400px) { @@ -3551,16 +3566,16 @@ textarea.form-control-lg { --bs-position: start; } .dropdown-menu-xxl-start[data-bs-popper] { - right: auto /* rtl:ignore */; - left: 0 /* rtl:ignore */; + right: auto; + left: 0; } .dropdown-menu-xxl-end { --bs-position: end; } .dropdown-menu-xxl-end[data-bs-popper] { - right: 0 /* rtl:ignore */; - left: auto /* rtl:ignore */; + right: 0; + left: auto; } } .dropup .dropdown-menu[data-bs-popper] { @@ -5700,7 +5715,7 @@ textarea.form-control-lg { margin-bottom: 0; font-size: 1rem; background-color: #f0f0f0; - border-bottom: 1px solid #d8d8d8; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } @@ -6019,7 +6034,9 @@ textarea.form-control-lg { } .offcanvas-header .btn-close { padding: 0.5rem 0.5rem; - margin: -0.5rem -0.5rem -0.5rem auto; + margin-top: -0.5rem; + margin-right: -0.5rem; + margin-bottom: -0.5rem; } .offcanvas-title { |