diff options
author | XhmikosR <xhmikosr@gmail.com> | 2021-03-23 19:26:54 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-03-23 19:26:54 +0300 |
commit | 220139a89ffc3864bbb6e1b35471667318eadc1f (patch) | |
tree | 01d0d8f3389a8062f52ead211c13f9ceb989ab58 /dist/css/bootstrap.rtl.css | |
parent | 69b9d638f814d152a24d312d0dc901866b4dc6a9 (diff) |
Release v5.0.0-beta3 (#33439)v5.0.0-beta3
Diffstat (limited to 'dist/css/bootstrap.rtl.css')
-rw-r--r-- | dist/css/bootstrap.rtl.css | 287 |
1 files changed, 191 insertions, 96 deletions
diff --git a/dist/css/bootstrap.rtl.css b/dist/css/bootstrap.rtl.css index f30e3351f0..f34efd9f7d 100644 --- a/dist/css/bootstrap.rtl.css +++ b/dist/css/bootstrap.rtl.css @@ -1,6 +1,6 @@ @charset "UTF-8"; /*! - * Bootstrap v5.0.0-beta2 (https://getbootstrap.com/) + * Bootstrap v5.0.0-beta3 (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) @@ -56,10 +56,6 @@ body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } -[tabindex="-1"]:focus:not(:focus-visible) { - outline: 0 !important; -} - hr { margin: 1rem 0; color: inherit; @@ -130,7 +126,6 @@ p { abbr[title], abbr[data-bs-original-title] { - text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; @@ -336,6 +331,9 @@ select { select { word-wrap: normal; } +select:disabled { + opacity: 1; +} [list]::-webkit-calendar-picker-indicator { display: none; @@ -2182,10 +2180,6 @@ progress { .form-control::-webkit-date-and-time-value { height: 1.5em; } -.form-control::-webkit-input-placeholder { - color: #6c757d; - opacity: 1; -} .form-control::-moz-placeholder { color: #6c757d; opacity: 1; @@ -2357,7 +2351,6 @@ textarea.form-control-lg { background-image: none; } .form-select:disabled { - color: #6c757d; background-color: #e9ecef; } .form-select:-moz-focusring { @@ -2598,9 +2591,6 @@ textarea.form-control-lg { transition: none; } } -.form-floating > .form-control::-webkit-input-placeholder { - color: transparent; -} .form-floating > .form-control::-moz-placeholder { color: transparent; } @@ -2794,6 +2784,12 @@ textarea.form-control-lg { margin-right: 0.5em; } +.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, +.was-validated .input-group .form-select:valid, +.input-group .form-select.is-valid { + z-index: 3; +} + .invalid-feedback { display: none; width: 100%; @@ -2870,6 +2866,12 @@ textarea.form-control-lg { margin-right: 0.5em; } +.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, +.was-validated .input-group .form-select:invalid, +.input-group .form-select.is-invalid { + z-index: 3; +} + .btn { display: inline-block; font-weight: 400; @@ -3544,11 +3546,9 @@ textarea.form-control-lg { left: auto ; } } -.dropup .dropdown-menu { +.dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; -} -.dropup .dropdown-menu[data-bs-popper] { margin-top: 0; margin-bottom: 0.125rem; } @@ -3885,6 +3885,11 @@ textarea.form-control-lg { text-align: center; } +.nav-fill .nav-item .nav-link, +.nav-justified .nav-item .nav-link { + width: 100%; +} + .tab-content > .tab-pane { display: none; } @@ -4266,7 +4271,7 @@ textarea.form-control-lg { text-decoration: none; } .card-link + .card-link { - margin-left: 1rem ; + margin-right: 1rem; } .card-header { @@ -4379,8 +4384,8 @@ textarea.form-control-lg { font-size: 1rem; color: #212529; text-align: right; - background-color: transparent; - border: 1px solid rgba(0, 0, 0, 0.125); + background-color: #fff; + border: 0; border-radius: 0; overflow-anchor: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; @@ -4390,12 +4395,10 @@ textarea.form-control-lg { transition: none; } } -.accordion-button.collapsed { - border-bottom-width: 0; -} .accordion-button:not(.collapsed) { color: #0c63e4; background-color: #e7f1ff; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); @@ -4431,47 +4434,53 @@ textarea.form-control-lg { margin-bottom: 0; } -.accordion-item:first-of-type .accordion-button { +.accordion-item { + margin-bottom: -1px; + background-color: #fff; + border: 1px solid rgba(0, 0, 0, 0.125); +} +.accordion-item:first-of-type { border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem; } -.accordion-item:last-of-type .accordion-button.collapsed { - border-bottom-width: 1px; +.accordion-item:first-of-type .accordion-button { + border-top-right-radius: calc(0.25rem - 1px); + border-top-left-radius: calc(0.25rem - 1px); +} +.accordion-item:last-of-type { + margin-bottom: 0; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } +.accordion-item:last-of-type .accordion-button.collapsed { + border-bottom-left-radius: calc(0.25rem - 1px); + border-bottom-right-radius: calc(0.25rem - 1px); +} .accordion-item:last-of-type .accordion-collapse { - border-bottom-width: 1px; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } -.accordion-collapse { - border: solid rgba(0, 0, 0, 0.125); - border-width: 0 1px; -} - .accordion-body { padding: 1rem 1.25rem; } -.accordion-flush .accordion-button { +.accordion-flush .accordion-collapse { + border-width: 0; +} +.accordion-flush .accordion-item { border-left: 0; border-right: 0; border-radius: 0; } -.accordion-flush .accordion-collapse { - border-width: 0; +.accordion-flush .accordion-item:first-child { + border-top: 0; } -.accordion-flush .accordion-item:first-of-type .accordion-button { - border-top-width: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; +.accordion-flush .accordion-item:last-child { + border-bottom: 0; } -.accordion-flush .accordion-item:last-of-type .accordion-button.collapsed { - border-bottom-width: 0; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; +.accordion-flush .accordion-item .accordion-button { + border-radius: 0; } .breadcrumb { @@ -4765,6 +4774,15 @@ textarea.form-control-lg { border-radius: 0.25rem; } +.list-group-numbered { + list-style-type: none; + counter-reset: section; +} +.list-group-numbered > li::before { + content: counters(section, ".") ". "; + counter-increment: section; +} + .list-group-item-action { width: 100%; color: #495057; @@ -4785,6 +4803,7 @@ textarea.form-control-lg { position: relative; display: block; padding: 0.5rem 1rem; + color: #212529; text-decoration: none; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); @@ -5176,7 +5195,7 @@ textarea.form-control-lg { position: fixed; top: 0; right: 0; - z-index: 1050; + z-index: 1060; display: none; width: 100%; height: 100%; @@ -5240,7 +5259,7 @@ textarea.form-control-lg { position: fixed; top: 0; right: 0; - z-index: 1040; + z-index: 1050; width: 100vw; height: 100vh; background-color: #000; @@ -5463,7 +5482,7 @@ textarea.form-control-lg { } .tooltip { position: absolute; - z-index: 1070; + z-index: 1080; display: block; margin: 0; font-family: var(--bs-font-sans-serif); @@ -5565,7 +5584,7 @@ textarea.form-control-lg { position: absolute; top: 0; left: 0 ; - z-index: 1060; + z-index: 1070; display: block; max-width: 276px; font-family: var(--bs-font-sans-serif); @@ -5957,6 +5976,86 @@ textarea.form-control-lg { animation-duration: 1.5s; } } +.offcanvas { + position: fixed; + bottom: 0; + z-index: 1040; + display: flex; + flex-direction: column; + max-width: 100%; + visibility: hidden; + background-color: #fff; + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .offcanvas { + transition: none; + } +} + +.offcanvas-header { + display: flex; + justify-content: space-between; + padding: 1rem 1rem; +} +.offcanvas-header .btn-close { + padding: 0.5rem 0.5rem; + margin: -0.5rem auto -0.5rem -0.5rem; +} + +.offcanvas-title { + margin-bottom: 0; + line-height: 1.5; +} + +.offcanvas-body { + flex-grow: 1; + padding: 1rem 1rem; + overflow-y: auto; +} + +.offcanvas-start { + top: 0; + right: 0; + width: 400px; + border-left: 1px solid rgba(0, 0, 0, 0.2); + transform: translateX(100%); +} + +.offcanvas-end { + top: 0; + left: 0; + width: 400px; + border-right: 1px solid rgba(0, 0, 0, 0.2); + transform: translateX(-100%); +} + +.offcanvas-bottom { + left: 0; + right: 0; + height: 30vh; + max-height: 100%; + border-top: 1px solid rgba(0, 0, 0, 0.2); + transform: translateY(100%); +} + +.offcanvas.show { + transform: none; +} + +.offcanvas-backdrop::before { + position: fixed; + top: 0; + right: 0; + z-index: 1039; + width: 100vw; + height: 100vh; + content: ""; + background-color: rgba(0, 0, 0, 0.5); +} + .clearfix::after { display: block; clear: both; @@ -6409,10 +6508,6 @@ textarea.form-control-lg { border-color: #fff !important; } -.border-0 { - border-width: 0 !important; -} - .border-1 { border-width: 1px !important; } @@ -7083,6 +7178,10 @@ textarea.form-control-lg { padding-right: 3rem !important; } +.font-monospace { + font-family: var(--bs-font-monospace) !important; +} + .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } @@ -7135,16 +7234,20 @@ textarea.form-control-lg { font-weight: bolder !important; } -.text-lowercase { - text-transform: lowercase !important; +.lh-1 { + line-height: 1 !important; } -.text-uppercase { - text-transform: uppercase !important; +.lh-sm { + line-height: 1.25 !important; } -.text-capitalize { - text-transform: capitalize !important; +.lh-base { + line-height: 1.5 !important; +} + +.lh-lg { + line-height: 2 !important; } .text-start { @@ -7159,6 +7262,37 @@ textarea.form-control-lg { text-align: center !important; } +.text-decoration-none { + text-decoration: none !important; +} + +.text-decoration-underline { + text-decoration: underline !important; +} + +.text-decoration-line-through { + text-decoration: line-through !important; +} + +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} .text-primary { color: #0d6efd !important; } @@ -7215,22 +7349,6 @@ textarea.form-control-lg { color: inherit !important; } -.lh-1 { - line-height: 1 !important; -} - -.lh-sm { - line-height: 1.25 !important; -} - -.lh-base { - line-height: 1.5 !important; -} - -.lh-lg { - line-height: 2 !important; -} - .bg-primary { background-color: #0d6efd !important; } @@ -7279,29 +7397,6 @@ textarea.form-control-lg { background-image: var(--bs-gradient) !important; } -.text-wrap { - white-space: normal !important; -} - -.text-nowrap { - white-space: nowrap !important; -} - -.text-decoration-none { - text-decoration: none !important; -} - -.text-decoration-underline { - text-decoration: underline !important; -} - -.text-decoration-line-through { - text-decoration: line-through !important; -} -.font-monospace { - font-family: var(--bs-font-monospace) !important; -} - .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; |