1 files changed, 70 insertions, 71 deletions

diff --git a/docs/dist/css/bootstrap.css b/docs/dist/css/bootstrap.css
index 1f46adfb9a..44e7e9d7e8 100644
--- a/docs/dist/css/bootstrap.css
+++ b/docs/dist/css/bootstrap.css
@@ -93,6 +93,10 @@ html {
   width: device-width;
 }
 
+article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
+  display: block;
+}
+
 body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
@@ -2887,24 +2891,24 @@ tbody.collapse.show {
   background-color: transparent;
 }
 
-.show > .dropdown-menu {
-  display: block;
-}
-
 .show > a {
   outline: 0;
 }
 
 .dropdown-menu-right {
   right: 0;
-  left: auto;
+  left: auto !important;
 }
 
 .dropdown-menu-left {
-  right: auto;
+  right: auto !important;
   left: 0;
 }
 
+.dropdown-menu.show {
+  display: block;
+}
+
 .dropdown-header {
   display: block;
   padding: 0.5rem 1.5rem;
@@ -2914,12 +2918,6 @@ tbody.collapse.show {
   white-space: nowrap;
 }
 
-.dropup .dropdown-menu {
-  top: auto;
-  bottom: 100%;
-  margin-bottom: 0.125rem;
-}
-
 .btn-group,
 .btn-group-vertical {
   position: relative;
@@ -5210,6 +5208,7 @@ button.close {
   position: absolute;
   z-index: 1070;
   display: block;
+  margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   font-style: normal;
   font-weight: normal;
@@ -5233,12 +5232,11 @@ button.close {
   opacity: 0.9;
 }
 
-.tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom {
+.tooltip.bs-tooltip-top {
   padding: 5px 0;
-  margin-top: -3px;
 }
 
-.tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
+.tooltip.bs-tooltip-top .arrow::before {
   bottom: 0;
   left: 50%;
   margin-left: -5px;
@@ -5247,12 +5245,11 @@ button.close {
   border-top-color: #000;
 }
 
-.tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left {
+.tooltip.bs-tooltip-right {
   padding: 0 5px;
-  margin-left: 3px;
 }
 
-.tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before {
+.tooltip.bs-tooltip-right .arrow::before {
   top: 50%;
   left: 0;
   margin-top: -5px;
@@ -5261,12 +5258,11 @@ button.close {
   border-right-color: #000;
 }
 
-.tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top {
+.tooltip.bs-tooltip-bottom {
   padding: 5px 0;
-  margin-top: 3px;
 }
 
-.tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before {
+.tooltip.bs-tooltip-bottom .arrow::before {
   top: 0;
   left: 50%;
   margin-left: -5px;
@@ -5275,12 +5271,11 @@ button.close {
   border-bottom-color: #000;
 }
 
-.tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right {
+.tooltip.bs-tooltip-left {
   padding: 0 5px;
-  margin-left: -3px;
 }
 
-.tooltip.tooltip-left .tooltip-inner::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before {
+.tooltip.bs-tooltip-left .arrow::before {
   top: 50%;
   right: 0;
   margin-top: -5px;
@@ -5289,6 +5284,14 @@ button.close {
   border-left-color: #000;
 }
 
+.tooltip .arrow::before {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+}
+
 .tooltip-inner {
   max-width: 200px;
   padding: 3px 8px;
@@ -5298,14 +5301,6 @@ button.close {
   border-radius: 0.25rem;
 }
 
-.tooltip-inner::before {
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-color: transparent;
-  border-style: solid;
-}
-
 .popover {
   position: absolute;
   top: 0;
@@ -5337,70 +5332,93 @@ button.close {
   border-radius: 0.3rem;
 }
 
-.popover.popover-top, .popover.bs-tether-element-attached-bottom {
-  margin-top: -10px;
+.popover .arrow::before,
+.popover .arrow::after {
+  position: absolute;
+  display: block;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+}
+
+.popover .arrow::before {
+  content: "";
+  border-width: 11px;
 }
 
-.popover.popover-top::before, .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::before, .popover.bs-tether-element-attached-bottom::after {
+.popover .arrow::after {
+  content: "";
+  border-width: 10px;
+}
+
+.popover.bs-popover-top {
+  margin-bottom: 10px;
+}
+
+.popover.bs-popover-top .arrow::before,
+.popover.bs-popover-top .arrow::after {
   left: 50%;
   border-bottom-width: 0;
 }
 
-.popover.popover-top::before, .popover.bs-tether-element-attached-bottom::before {
+.popover.bs-popover-top .arrow::before {
   bottom: -11px;
   margin-left: -11px;
   border-top-color: rgba(0, 0, 0, 0.25);
 }
 
-.popover.popover-top::after, .popover.bs-tether-element-attached-bottom::after {
+.popover.bs-popover-top .arrow::after {
   bottom: -10px;
   margin-left: -10px;
   border-top-color: #fff;
 }
 
-.popover.popover-right, .popover.bs-tether-element-attached-left {
+.popover.bs-popover-right {
   margin-left: 10px;
 }
 
-.popover.popover-right::before, .popover.popover-right::after, .popover.bs-tether-element-attached-left::before, .popover.bs-tether-element-attached-left::after {
+.popover.bs-popover-right .arrow::before,
+.popover.bs-popover-right .arrow::after {
   top: 50%;
   border-left-width: 0;
 }
 
-.popover.popover-right::before, .popover.bs-tether-element-attached-left::before {
+.popover.bs-popover-right .arrow::before {
   left: -11px;
   margin-top: -11px;
   border-right-color: rgba(0, 0, 0, 0.25);
 }
 
-.popover.popover-right::after, .popover.bs-tether-element-attached-left::after {
+.popover.bs-popover-right .arrow::after {
   left: -10px;
   margin-top: -10px;
   border-right-color: #fff;
 }
 
-.popover.popover-bottom, .popover.bs-tether-element-attached-top {
+.popover.bs-popover-bottom {
   margin-top: 10px;
 }
 
-.popover.popover-bottom::before, .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::before, .popover.bs-tether-element-attached-top::after {
+.popover.bs-popover-bottom .arrow::before,
+.popover.bs-popover-bottom .arrow::after {
   left: 50%;
   border-top-width: 0;
 }
 
-.popover.popover-bottom::before, .popover.bs-tether-element-attached-top::before {
+.popover.bs-popover-bottom .arrow::before {
   top: -11px;
   margin-left: -11px;
   border-bottom-color: rgba(0, 0, 0, 0.25);
 }
 
-.popover.popover-bottom::after, .popover.bs-tether-element-attached-top::after {
+.popover.bs-popover-bottom .arrow::after {
   top: -10px;
   margin-left: -10px;
   border-bottom-color: #fff;
 }
 
-.popover.popover-bottom .popover-title::before, .popover.bs-tether-element-attached-top .popover-title::before {
+.popover.bs-popover-bottom .popover-title::before {
   position: absolute;
   top: 0;
   left: 50%;
@@ -5411,22 +5429,23 @@ button.close {
   border-bottom: 1px solid #f7f7f7;
 }
 
-.popover.popover-left, .popover.bs-tether-element-attached-right {
-  margin-left: -10px;
+.popover.bs-popover-left {
+  margin-right: 10px;
 }
 
-.popover.popover-left::before, .popover.popover-left::after, .popover.bs-tether-element-attached-right::before, .popover.bs-tether-element-attached-right::after {
+.popover.bs-popover-left .arrow::before,
+.popover.bs-popover-left .arrow::after {
   top: 50%;
   border-right-width: 0;
 }
 
-.popover.popover-left::before, .popover.bs-tether-element-attached-right::before {
+.popover.bs-popover-left .arrow::before {
   right: -11px;
   margin-top: -11px;
   border-left-color: rgba(0, 0, 0, 0.25);
 }
 
-.popover.popover-left::after, .popover.bs-tether-element-attached-right::after {
+.popover.bs-popover-left .arrow::after {
   right: -10px;
   margin-top: -10px;
   border-left-color: #fff;
@@ -5452,26 +5471,6 @@ button.close {
   color: #292b2c;
 }
 
-.popover::before,
-.popover::after {
-  position: absolute;
-  display: block;
-  width: 0;
-  height: 0;
-  border-color: transparent;
-  border-style: solid;
-}
-
-.popover::before {
-  content: "";
-  border-width: 11px;
-}
-
-.popover::after {
-  content: "";
-  border-width: 10px;
-}
-
 .carousel {
   position: relative;
 }