lux: add box-shadow and fix arrow on popover

Author: thomaspark

dist/lux/_bootswatch.scss

@@ -284,3 +284,12 @@ th {
 .modal-dialog {
   box-shadow: var(--bs-box-shadow);
 }
+
+.popover {
+  --bs-popover-border-color: transparent;
+  box-shadow: var(--bs-box-shadow);
+
+  .popover-arrow {
+    --bs-popover-border-width: 1px;
+  }
+}

dist/lux/_variables.scss

@@ -113,3 +113,7 @@ $navbar-light-active-color:         $gray-900 !default;
 $pagination-border-color:           transparent !default;
 $pagination-hover-border-color:     $pagination-border-color !default;
 $pagination-disabled-border-color:  $pagination-border-color !default;
+
+// Popovers
+
+$popover-header-bg:                 transparent !default;

dist/lux/bootstrap.css

@@ -5610,7 +5610,7 @@ textarea.form-control-lg {
   --bs-popover-header-padding-y: 0.5rem;
   --bs-popover-header-font-size: 1rem;
   --bs-popover-header-color: #1a1a1a;
-  --bs-popover-header-bg: var(--bs-secondary-bg);
+  --bs-popover-header-bg: transparent;
   --bs-popover-body-padding-x: 1rem;
   --bs-popover-body-padding-y: 1rem;
   --bs-popover-body-color: var(--bs-body-color);
@@ -12026,4 +12026,12 @@ th {
 
 .modal-dialog {
   box-shadow: var(--bs-box-shadow);
+}
+
+.popover {
+  --bs-popover-border-color: transparent;
+  box-shadow: var(--bs-box-shadow);
+}
+.popover .popover-arrow {
+  --bs-popover-border-width: 1px;
 }

dist/lux/bootstrap.min.css

@@ -5600,7 +5600,7 @@ textarea.form-control-lg {
   --bs-popover-header-padding-y: 0.5rem;
   --bs-popover-header-font-size: 1rem;
   --bs-popover-header-color: #1a1a1a;
-  --bs-popover-header-bg: var(--bs-secondary-bg);
+  --bs-popover-header-bg: transparent;
   --bs-popover-body-padding-x: 1rem;
   --bs-popover-body-padding-y: 1rem;
   --bs-popover-body-color: var(--bs-body-color);
@@ -12000,4 +12000,12 @@ th {
 
 .modal-dialog {
   box-shadow: var(--bs-box-shadow);
+}
+
+.popover {
+  --bs-popover-border-color: transparent;
+  box-shadow: var(--bs-box-shadow);
+}
+.popover .popover-arrow {
+  --bs-popover-border-width: 1px;
 }

dist/lux/bootstrap.min.css.map

@@ -284,3 +284,12 @@ th {
 .modal-dialog {
   box-shadow: var(--bs-box-shadow);
 }
+
+.popover {
+  --bs-popover-border-color: transparent;
+  box-shadow: var(--bs-box-shadow);
+
+  .popover-arrow {
+    --bs-popover-border-width: 1px;
+  }
+}

dist/lux/bootstrap.rtl.css

@@ -113,3 +113,7 @@ $navbar-light-active-color:         $gray-900 !default;
 $pagination-border-color:           transparent !default;
 $pagination-hover-border-color:     $pagination-border-color !default;
 $pagination-disabled-border-color:  $pagination-border-color !default;
+
+// Popovers
+
+$popover-header-bg:                 transparent !default;