_popover.scss in active_frontend-7.0.0

- old
+ new

@@ -4,13 +4,13 @@
 
 /* # Popover
 ================================================== */
 .popover {
   background-clip: padding-box;
-  background: rgba(255,255,255,1);
-  border: 1px solid rgba(225,232,237,1);
-  box-shadow: 0 0 3px rgba(225,232,237,1);
+  background: $color-white;
+  border: 1px solid $color-haze-dark;
+  box-shadow: 0 0 3px $color-haze-dark;
   display: none;
   float: none;
   font-style: normal;
   letter-spacing: 0;
   left: 0;
@@ -27,26 +27,26 @@
 .popover.right { margin-left: 10px; }
 .popover.bottom { margin-top: 10px; }
 .popover.left { margin-left: -10px; }
 .popover-title,
 .popover-content {
-  color: rgba(35,41,55,1);
+  color: $color-black;
   font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif;
   font-size: 14px;
   letter-spacing: 0;
   margin: 0;
   padding: 10px 15px;
 }
 .popover-title {
-  background: rgba(245,248,250,1);
-  border-bottom: 1px solid rgba(225,232,237,1);
+  background: $color-haze-light;
+  border-bottom: 1px solid $color-haze-dark;
   font-weight: bold;
   line-height: 18px;
 }
 .popover-title:empty { display: none; }
 .popover-content {
-  background: rgba(255,255,255,1);
+  background: $color-white;
   font-weight: normal;
   line-height: 20px;
 }
 .popover .arrow,
 .popover .arrow:after {
@@ -62,55 +62,55 @@
   border-width: 10px;
   content: "";
 }
 .popover.top > .arrow {
   border-bottom-width: 0;
-  border-top-color: rgba(235,238,240,1);
+  border-top-color: $color-haze;
   bottom: -11px;
   left: 50%;
   margin-left: -11px;
 }
 .popover.top > .arrow:after {
   border-bottom-width: 0;
-  border-top-color: rgba(255,255,255,1);
+  border-top-color: $color-white;
   bottom: 1px;
   margin-left: -10px;
 }
 .popover.right > .arrow {
-  border-right-color: rgba(235,238,240,1);
+  border-right-color: $color-haze;
   border-left-width: 0;
   left: -11px;
   margin-top: -11px;
   top: 50%;
 }
 .popover.right > .arrow:after {
-  border-right-color: rgba(255,255,255,1);
+  border-right-color: $color-white;
   border-left-width: 0;
   bottom: -10px;
   left: 1px;
 }
 .popover.bottom > .arrow {
-  border-bottom-color: rgba(235,238,240,1);
+  border-bottom-color: $color-haze;
   border-top-width: 0;
   left: 50%;
   margin-left: -11px;
   top: -11px;
 }
 .popover.bottom > .arrow:after {
-  border-bottom-color: rgba(255,255,255,1);
+  border-bottom-color: $color-white;
   border-top-width: 0;
   margin-left: -10px;
   top: 1px;
 }
 .popover.left > .arrow {
   border-right-width: 0;
-  border-left-color: rgba(235,238,240,1);
+  border-left-color: $color-haze;
   margin-top: -11px;
   right: -11px;
   top: 50%;
 }
 .popover.left > .arrow:after {
   border-right-width: 0;
-  border-left-color: rgba(255,255,255,1);
+  border-left-color: $color-white;
   bottom: -10px;
   right: 1px;
 }
\ No newline at end of file