From 63f3d939eaceeb84dcc77a7392953bcc8c5bc0a3 Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Mon, 7 Dec 2020 17:50:24 +0200 Subject: Dist --- dist/css/bootstrap.css | 174 ++++++++++++++++++++++++++++--------------------- 1 file changed, 98 insertions(+), 76 deletions(-) (limited to 'dist/css/bootstrap.css') diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index aa25583480..5807fa60f0 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -1,6 +1,6 @@ @charset "UTF-8"; /*! - * Bootstrap v5.0.0-alpha3 (https://getbootstrap.com/) + * Bootstrap v5.0.0-beta1 (https://getbootstrap.com/) * Copyright 2011-2020 The Bootstrap Authors * Copyright 2011-2020 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) @@ -3443,68 +3443,83 @@ textarea.form-control-lg { border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } +.dropdown-menu[style] { + right: auto !important; +} .dropdown-menu-start { + --bs-position: start; right: auto /* rtl:ignore */; left: 0 /* rtl:ignore */; } .dropdown-menu-end { + --bs-position: end; right: 0 /* rtl:ignore */; left: auto /* rtl:ignore */; } @media (min-width: 576px) { .dropdown-menu-sm-start { + --bs-position: start; right: auto /* rtl:ignore */; left: 0 /* rtl:ignore */; } .dropdown-menu-sm-end { + --bs-position: end; right: 0 /* rtl:ignore */; left: auto /* rtl:ignore */; } } @media (min-width: 768px) { .dropdown-menu-md-start { + --bs-position: start; right: auto /* rtl:ignore */; left: 0 /* rtl:ignore */; } .dropdown-menu-md-end { + --bs-position: end; right: 0 /* rtl:ignore */; left: auto /* rtl:ignore */; } } @media (min-width: 992px) { .dropdown-menu-lg-start { + --bs-position: start; right: auto /* rtl:ignore */; left: 0 /* rtl:ignore */; } .dropdown-menu-lg-end { + --bs-position: end; right: 0 /* rtl:ignore */; left: auto /* rtl:ignore */; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { + --bs-position: start; right: auto /* rtl:ignore */; left: 0 /* rtl:ignore */; } .dropdown-menu-xl-end { + --bs-position: end; right: 0 /* rtl:ignore */; left: auto /* rtl:ignore */; } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { + --bs-position: start; right: auto /* rtl:ignore */; left: 0 /* rtl:ignore */; } .dropdown-menu-xxl-end { + --bs-position: end; right: 0 /* rtl:ignore */; left: auto /* rtl:ignore */; } @@ -3585,12 +3600,6 @@ textarea.form-control-lg { vertical-align: 0; } -.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { - right: auto; - bottom: auto; - left: auto; -} - .dropdown-divider { height: 0; margin: 0.5rem 0; @@ -5045,29 +5054,34 @@ textarea.form-control-lg { } .toast { - max-width: 350px; + width: 350px; + max-width: 100%; font-size: 0.875rem; + pointer-events: auto; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); - opacity: 0; border-radius: 0.25rem; } -.toast:not(:last-child) { - margin-bottom: 0.75rem; -} -.toast.showing { - opacity: 1; -} -.toast.show { - display: block; - opacity: 1; +.toast:not(.showing):not(.show) { + opacity: 0; } .toast.hide { display: none; } +.toast-container { + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + max-width: 100%; + pointer-events: none; +} +.toast-container > :not(:last-child) { + margin-bottom: 0.75rem; +} + .toast-header { display: flex; align-items: center; @@ -5424,56 +5438,56 @@ textarea.form-control-lg { border-style: solid; } -.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { +.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] { padding: 0.4rem 0; } -.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[x-placement^=top] .tooltip-arrow { +.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { bottom: 0; } -.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[x-placement^=top] .tooltip-arrow::before { - top: 0; +.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { + top: -1px; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } -.bs-tooltip-end, .bs-tooltip-auto[x-placement^=right] { +.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] { padding: 0 0.4rem; } -.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[x-placement^=right] .tooltip-arrow { - left: 0 /* rtl:ignore */; +.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { + left: 0; width: 0.4rem; height: 0.8rem; } -.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[x-placement^=right] .tooltip-arrow::before { - right: 0 /* rtl:ignore */; - border-width: 0.4rem 0.4rem 0.4rem 0 /* rtl:ignore */; - border-right-color: #000 /* rtl:ignore */; +.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { + right: -1px; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #000; } -.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { +.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] { padding: 0.4rem 0; } -.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow { +.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { top: 0; } -.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow::before { - bottom: 0; +.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { + bottom: -1px; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } -.bs-tooltip-start, .bs-tooltip-auto[x-placement^=left] { +.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] { padding: 0 0.4rem; } -.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[x-placement^=left] .tooltip-arrow { - right: 0 /* rtl:ignore */; +.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { + right: 0; width: 0.4rem; height: 0.8rem; } -.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[x-placement^=left] .tooltip-arrow::before { - left: 0 /* rtl:ignore */; - border-width: 0.4rem 0 0.4rem 0.4rem /* rtl:ignore */; - border-left-color: #000 /* rtl:ignore */; +.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { + left: -1px; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #000; } .tooltip-inner { @@ -5528,60 +5542,60 @@ textarea.form-control-lg { border-style: solid; } -.bs-popover-top, .bs-popover-auto[x-placement^=top] { - margin-bottom: 0.5rem; +.bs-popover-top, .bs-popover-auto[data-popper-placement^=top] { + margin-bottom: 0.5rem !important; } -.bs-popover-top > .popover-arrow, .bs-popover-auto[x-placement^=top] > .popover-arrow { +.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { bottom: calc(-0.5rem - 1px); } -.bs-popover-top > .popover-arrow::before, .bs-popover-auto[x-placement^=top] > .popover-arrow::before { +.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } -.bs-popover-top > .popover-arrow::after, .bs-popover-auto[x-placement^=top] > .popover-arrow::after { +.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } -.bs-popover-end, .bs-popover-auto[x-placement^=right] { - margin-left: 0.5rem /* rtl:ignore */; +.bs-popover-end, .bs-popover-auto[data-popper-placement^=right] { + margin-left: 0.5rem !important; } -.bs-popover-end > .popover-arrow, .bs-popover-auto[x-placement^=right] > .popover-arrow { - left: calc(-0.5rem - 1px) /* rtl:ignore */; +.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { + left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } -.bs-popover-end > .popover-arrow::before, .bs-popover-auto[x-placement^=right] > .popover-arrow::before { - left: 0 /* rtl:ignore */; - border-width: 0.5rem 0.5rem 0.5rem 0 /* rtl:ignore */; - border-right-color: rgba(0, 0, 0, 0.25) /* rtl:ignore */; +.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(0, 0, 0, 0.25); } -.bs-popover-end > .popover-arrow::after, .bs-popover-auto[x-placement^=right] > .popover-arrow::after { - left: 1px /* rtl:ignore */; - border-width: 0.5rem 0.5rem 0.5rem 0 /* rtl:ignore */; - border-right-color: #fff /* rtl:ignore */; +.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #fff; } -.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { - margin-top: 0.5rem; +.bs-popover-bottom, .bs-popover-auto[data-popper-placement^=bottom] { + margin-top: 0.5rem !important; } -.bs-popover-bottom > .popover-arrow, .bs-popover-auto[x-placement^=bottom] > .popover-arrow { +.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { top: calc(-0.5rem - 1px); } -.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[x-placement^=bottom] > .popover-arrow::before { +.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } -.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[x-placement^=bottom] > .popover-arrow::after { +.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } -.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { +.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; @@ -5592,24 +5606,24 @@ textarea.form-control-lg { border-bottom: 1px solid #f0f0f0; } -.bs-popover-start, .bs-popover-auto[x-placement^=left] { - margin-right: 0.5rem /* rtl:ignore */; +.bs-popover-start, .bs-popover-auto[data-popper-placement^=left] { + margin-right: 0.5rem !important; } -.bs-popover-start > .popover-arrow, .bs-popover-auto[x-placement^=left] > .popover-arrow { - right: calc(-0.5rem - 1px) /* rtl:ignore */; +.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { + right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } -.bs-popover-start > .popover-arrow::before, .bs-popover-auto[x-placement^=left] > .popover-arrow::before { - right: 0 /* rtl:ignore */; - border-width: 0.5rem 0 0.5rem 0.5rem /* rtl:ignore */; - border-left-color: rgba(0, 0, 0, 0.25) /* rtl:ignore */; +.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(0, 0, 0, 0.25); } -.bs-popover-start > .popover-arrow::after, .bs-popover-auto[x-placement^=left] > .popover-arrow::after { - right: 1px /* rtl:ignore */; - border-width: 0.5rem 0 0.5rem 0.5rem /* rtl:ignore */; - border-left-color: #fff /* rtl:ignore */; +.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #fff; } .popover-header { @@ -6268,7 +6282,15 @@ textarea.form-control-lg { } .translate-middle { - transform: translateX(-50%) translateY(-50%) !important; + transform: translate(-50%, -50%) !important; +} + +.translate-middle-x { + transform: translateX(-50%) !important; +} + +.translate-middle-y { + transform: translateY(-50%) !important; } .border { -- cgit v1.2.3