_popover.scss in active_frontend-12.4.0

- old
+ new

@@ -1,16 +1,17 @@
 /* Table of Contents
 ==================================================
-# Popover */
+# Popover
+# Media Queries */
 
 /* # Popover
 ================================================== */
 .popover {
   background: $color-white;
   background-clip: padding-box;
-  border: 1px solid $color-dark-haze;
-  box-shadow: 0 0 3px $color-dark-haze;
+  border: 1px solid $color-haze;
+  border-radius: 3px;
   display: none;
   float: none;
   font-style: normal;
   left: 0;
   letter-spacing: 0;
@@ -42,11 +43,10 @@
   font-weight: bold;
   line-height: 18px;
 }
 .popover-title:empty { display: none; }
 .popover-content {
-  background: $color-white;
   font-weight: normal;
   line-height: 20px;
 }
 .popover .arrow,
 .popover .arrow:after {
@@ -111,6 +111,18 @@
 .popover.left > .arrow:after {
   border-right-width: 0;
   border-left-color: $color-white;
   bottom: -10px;
   right: 1px;
+}
+
+/* # Media Queries
+================================================== */
+@media
+only screen and (-webkit-min-device-pixel-ratio: 2),
+only screen and (   min--moz-device-pixel-ratio: 2),
+only screen and (     -o-min-device-pixel-ratio: 2/1),
+only screen and (        min-device-pixel-ratio: 2),
+only screen and (                min-resolution: 192dpi),
+only screen and (                min-resolution: 2dppx) {
+  .popover-title { border-width: 0.5px; }
 }
\ No newline at end of file