diff options
-rw-r--r-- | app/assets/stylesheets/framework/feature_highlight.scss | 14 |
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; } } |