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.rtl.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.rtl.css')
-rw-r--r-- | dist/css/bootstrap.rtl.css | 673 |
1 files changed, 345 insertions, 328 deletions
diff --git a/dist/css/bootstrap.rtl.css b/dist/css/bootstrap.rtl.css index fea6e21fe7..0657744e8e 100644 --- a/dist/css/bootstrap.rtl.css +++ b/dist/css/bootstrap.rtl.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) @@ -632,15 +632,15 @@ progress { display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); - margin-left: calc(var(--bs-gutter-x) / -2); - margin-right: calc(var(--bs-gutter-x) / -2); + margin-left: calc(var(--bs-gutter-x) * -.5); + margin-right: calc(var(--bs-gutter-x) * -.5); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; - padding-left: calc(var(--bs-gutter-x) / 2); - padding-right: calc(var(--bs-gutter-x) / 2); + padding-left: calc(var(--bs-gutter-x) * .5); + padding-right: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); } @@ -683,6 +683,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; @@ -690,12 +890,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 { @@ -705,12 +905,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 { @@ -720,12 +920,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 { @@ -735,12 +935,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 { @@ -749,11 +949,11 @@ progress { } .offset-1 { - margin-right: 8.3333333333%; + margin-right: 8.33333333%; } .offset-2 { - margin-right: 16.6666666667%; + margin-right: 16.66666667%; } .offset-3 { @@ -761,11 +961,11 @@ progress { } .offset-4 { - margin-right: 33.3333333333%; + margin-right: 33.33333333%; } .offset-5 { - margin-right: 41.6666666667%; + margin-right: 41.66666667%; } .offset-6 { @@ -773,11 +973,11 @@ progress { } .offset-7 { - margin-right: 58.3333333333%; + margin-right: 58.33333333%; } .offset-8 { - margin-right: 66.6666666667%; + margin-right: 66.66666667%; } .offset-9 { @@ -785,11 +985,11 @@ progress { } .offset-10 { - margin-right: 83.3333333333%; + margin-right: 83.33333333%; } .offset-11 { - margin-right: 91.6666666667%; + margin-right: 91.66666667%; } .g-0, @@ -853,45 +1053,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; @@ -899,12 +1060,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 { @@ -914,12 +1075,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 { @@ -929,12 +1090,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 { @@ -944,12 +1105,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 { @@ -962,11 +1123,11 @@ progress { } .offset-sm-1 { - margin-right: 8.3333333333%; + margin-right: 8.33333333%; } .offset-sm-2 { - margin-right: 16.6666666667%; + margin-right: 16.66666667%; } .offset-sm-3 { @@ -974,11 +1135,11 @@ progress { } .offset-sm-4 { - margin-right: 33.3333333333%; + margin-right: 33.33333333%; } .offset-sm-5 { - margin-right: 41.6666666667%; + margin-right: 41.66666667%; } .offset-sm-6 { @@ -986,11 +1147,11 @@ progress { } .offset-sm-7 { - margin-right: 58.3333333333%; + margin-right: 58.33333333%; } .offset-sm-8 { - margin-right: 66.6666666667%; + margin-right: 66.66666667%; } .offset-sm-9 { @@ -998,11 +1159,11 @@ progress { } .offset-sm-10 { - margin-right: 83.3333333333%; + margin-right: 83.33333333%; } .offset-sm-11 { - margin-right: 91.6666666667%; + margin-right: 91.66666667%; } .g-sm-0, @@ -1066,45 +1227,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; @@ -1112,12 +1234,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 { @@ -1127,12 +1249,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 { @@ -1142,12 +1264,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 { @@ -1157,12 +1279,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 { @@ -1175,11 +1297,11 @@ progress { } .offset-md-1 { - margin-right: 8.3333333333%; + margin-right: 8.33333333%; } .offset-md-2 { - margin-right: 16.6666666667%; + margin-right: 16.66666667%; } .offset-md-3 { @@ -1187,11 +1309,11 @@ progress { } .offset-md-4 { - margin-right: 33.3333333333%; + margin-right: 33.33333333%; } .offset-md-5 { - margin-right: 41.6666666667%; + margin-right: 41.66666667%; } .offset-md-6 { @@ -1199,11 +1321,11 @@ progress { } .offset-md-7 { - margin-right: 58.3333333333%; + margin-right: 58.33333333%; } .offset-md-8 { - margin-right: 66.6666666667%; + margin-right: 66.66666667%; } .offset-md-9 { @@ -1211,11 +1333,11 @@ progress { } .offset-md-10 { - margin-right: 83.3333333333%; + margin-right: 83.33333333%; } .offset-md-11 { - margin-right: 91.6666666667%; + margin-right: 91.66666667%; } .g-md-0, @@ -1279,45 +1401,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; @@ -1325,12 +1408,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 { @@ -1340,12 +1423,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 { @@ -1355,12 +1438,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 { @@ -1370,12 +1453,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 { @@ -1388,11 +1471,11 @@ progress { } .offset-lg-1 { - margin-right: 8.3333333333%; + margin-right: 8.33333333%; } .offset-lg-2 { - margin-right: 16.6666666667%; + margin-right: 16.66666667%; } .offset-lg-3 { @@ -1400,11 +1483,11 @@ progress { } .offset-lg-4 { - margin-right: 33.3333333333%; + margin-right: 33.33333333%; } .offset-lg-5 { - margin-right: 41.6666666667%; + margin-right: 41.66666667%; } .offset-lg-6 { @@ -1412,11 +1495,11 @@ progress { } .offset-lg-7 { - margin-right: 58.3333333333%; + margin-right: 58.33333333%; } .offset-lg-8 { - margin-right: 66.6666666667%; + margin-right: 66.66666667%; } .offset-lg-9 { @@ -1424,11 +1507,11 @@ progress { } .offset-lg-10 { - margin-right: 83.3333333333%; + margin-right: 83.33333333%; } .offset-lg-11 { - margin-right: 91.6666666667%; + margin-right: 91.66666667%; } .g-lg-0, @@ -1492,45 +1575,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; @@ -1538,12 +1582,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 { @@ -1553,12 +1597,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 { @@ -1568,12 +1612,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 { @@ -1583,12 +1627,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 { @@ -1601,11 +1645,11 @@ progress { } .offset-xl-1 { - margin-right: 8.3333333333%; + margin-right: 8.33333333%; } .offset-xl-2 { - margin-right: 16.6666666667%; + margin-right: 16.66666667%; } .offset-xl-3 { @@ -1613,11 +1657,11 @@ progress { } .offset-xl-4 { - margin-right: 33.3333333333%; + margin-right: 33.33333333%; } .offset-xl-5 { - margin-right: 41.6666666667%; + margin-right: 41.66666667%; } .offset-xl-6 { @@ -1625,11 +1669,11 @@ progress { } .offset-xl-7 { - margin-right: 58.3333333333%; + margin-right: 58.33333333%; } .offset-xl-8 { - margin-right: 66.6666666667%; + margin-right: 66.66666667%; } .offset-xl-9 { @@ -1637,11 +1681,11 @@ progress { } .offset-xl-10 { - margin-right: 83.3333333333%; + margin-right: 83.33333333%; } .offset-xl-11 { - margin-right: 91.6666666667%; + margin-right: 91.66666667%; } .g-xl-0, @@ -1705,45 +1749,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; @@ -1751,12 +1756,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 { @@ -1766,12 +1771,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 { @@ -1781,12 +1786,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 { @@ -1796,12 +1801,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 { @@ -1814,11 +1819,11 @@ progress { } .offset-xxl-1 { - margin-right: 8.3333333333%; + margin-right: 8.33333333%; } .offset-xxl-2 { - margin-right: 16.6666666667%; + margin-right: 16.66666667%; } .offset-xxl-3 { @@ -1826,11 +1831,11 @@ progress { } .offset-xxl-4 { - margin-right: 33.3333333333%; + margin-right: 33.33333333%; } .offset-xxl-5 { - margin-right: 41.6666666667%; + margin-right: 41.66666667%; } .offset-xxl-6 { @@ -1838,11 +1843,11 @@ progress { } .offset-xxl-7 { - margin-right: 58.3333333333%; + margin-right: 58.33333333%; } .offset-xxl-8 { - margin-right: 66.6666666667%; + margin-right: 66.66666667%; } .offset-xxl-9 { @@ -1850,11 +1855,11 @@ progress { } .offset-xxl-10 { - margin-right: 83.3333333333%; + margin-right: 83.33333333%; } .offset-xxl-11 { - margin-right: 91.6666666667%; + margin-right: 91.66666667%; } .g-xxl-0, @@ -2259,7 +2264,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; @@ -2278,7 +2283,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; @@ -2297,13 +2302,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 { @@ -2327,6 +2332,7 @@ textarea.form-control-lg { display: block; width: 100%; padding: 0.375rem 0.75rem 0.375rem 2.25rem; + -moz-padding-start: calc(0.75rem - 3px); font-size: 1rem; font-weight: 400; line-height: 1.5; @@ -2338,10 +2344,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; @@ -2574,7 +2586,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; @@ -2592,6 +2604,9 @@ textarea.form-control-lg { transition: none; } } +.form-floating > .form-control { + padding: 1rem 0.75rem; +} .form-floating > .form-control::-moz-placeholder { color: transparent; } @@ -3464,16 +3479,16 @@ textarea.form-control-lg { --bs-position: start; } .dropdown-menu-start[data-bs-popper] { - right: auto ; - left: 0 ; + left: auto; + right: 0; } .dropdown-menu-end { --bs-position: end; } .dropdown-menu-end[data-bs-popper] { - right: 0 ; - left: auto ; + left: 0; + right: auto; } @media (min-width: 576px) { @@ -3481,16 +3496,16 @@ textarea.form-control-lg { --bs-position: start; } .dropdown-menu-sm-start[data-bs-popper] { - right: auto ; - left: 0 ; + left: auto; + right: 0; } .dropdown-menu-sm-end { --bs-position: end; } .dropdown-menu-sm-end[data-bs-popper] { - right: 0 ; - left: auto ; + left: 0; + right: auto; } } @media (min-width: 768px) { @@ -3498,16 +3513,16 @@ textarea.form-control-lg { --bs-position: start; } .dropdown-menu-md-start[data-bs-popper] { - right: auto ; - left: 0 ; + left: auto; + right: 0; } .dropdown-menu-md-end { --bs-position: end; } .dropdown-menu-md-end[data-bs-popper] { - right: 0 ; - left: auto ; + left: 0; + right: auto; } } @media (min-width: 992px) { @@ -3515,16 +3530,16 @@ textarea.form-control-lg { --bs-position: start; } .dropdown-menu-lg-start[data-bs-popper] { - right: auto ; - left: 0 ; + left: auto; + right: 0; } .dropdown-menu-lg-end { --bs-position: end; } .dropdown-menu-lg-end[data-bs-popper] { - right: 0 ; - left: auto ; + left: 0; + right: auto; } } @media (min-width: 1200px) { @@ -3532,16 +3547,16 @@ textarea.form-control-lg { --bs-position: start; } .dropdown-menu-xl-start[data-bs-popper] { - right: auto ; - left: 0 ; + left: auto; + right: 0; } .dropdown-menu-xl-end { --bs-position: end; } .dropdown-menu-xl-end[data-bs-popper] { - right: 0 ; - left: auto ; + left: 0; + right: auto; } } @media (min-width: 1400px) { @@ -3549,16 +3564,16 @@ textarea.form-control-lg { --bs-position: start; } .dropdown-menu-xxl-start[data-bs-popper] { - right: auto ; - left: 0 ; + left: auto; + right: 0; } .dropdown-menu-xxl-end { --bs-position: end; } .dropdown-menu-xxl-end[data-bs-popper] { - right: 0 ; - left: auto ; + left: 0; + right: auto; } } .dropup .dropdown-menu[data-bs-popper] { @@ -5698,7 +5713,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-right-radius: calc(0.3rem - 1px); border-top-left-radius: calc(0.3rem - 1px); } @@ -6004,7 +6019,9 @@ textarea.form-control-lg { } .offcanvas-header .btn-close { padding: 0.5rem 0.5rem; - margin: -0.5rem auto -0.5rem -0.5rem; + margin-top: -0.5rem; + margin-left: -0.5rem; + margin-bottom: -0.5rem; } .offcanvas-title { |