[skip ci] Fix scss issues

1 files changed, 7 insertions, 7 deletions

diff --git a/app/assets/stylesheets/framework/feature_highlight.scss b/app/assets/stylesheets/framework/feature_highlight.scss
index 011976d9642..13a542af423 100644
--- a/app/assets/stylesheets/framework/feature_highlight.scss
+++ b/app/assets/stylesheets/framework/feature_highlight.scss
@@ -7,7 +7,7 @@
   background-color: $blue-500;
   border-radius: 50%;
   cursor: pointer;
-  box-shadow: 0 0 0 rgba(31, 120, 209, 0.4);
+  box-shadow: 0 0 0 opacify($blue-500, 0.4);
 
   &:hover,
   &.disable-animation {
@@ -47,10 +47,10 @@
   img {
     width: 100%;
     padding: 25px 14px 0;
-    background-color: rgb(239, 237, 249);
+    background-color: $feature-highlight-graphic-bg;
     border-top-left-radius: 2px;
     border-top-right-radius: 2px;
-    border-bottom: 1px solid #e1e1e1;
+    border-bottom: 1px solid darken($gray-normal, 8%);
   }
 }
 
@@ -66,7 +66,7 @@
   }
 
   &.popover > .arrow::after {
-    border-right-color: rgb(239, 237, 249);
+    border-right-color: $feature-highlight-graphic-bg;
   }
 }
 
@@ -76,14 +76,14 @@
 
 @include keyframes(pulse-highlight) {
   0% {
-    box-shadow: 0 0 0 0 rgba(31, 120, 209, 0.4);
+    box-shadow: 0 0 0 0 opacify($blue-200, 0.4);
   }
 
   70% {
-    box-shadow: 0 0 0 10px rgba(31, 120, 209, 0);
+    box-shadow: 0 0 0 10px transparent;
   }
 
   100% {
-    box-shadow: 0 0 0 0 rgba(31, 120, 209, 0);
+    box-shadow: 0 0 0 0 transparent;
   }
 }