Merge pull request #1712 from yurytut1993/BCTHEME-2

fix(Cornerstone): BCTHEME-2 Sale badge "Burst" does not change colour on hover
bigcommerce · Jul 8, 2020 · 3cc16ba · 3cc16ba
2 parents a3c2af0 + 8298d29
commit 3cc16ba
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/assets/scss/layouts/products/_productSaleBadges.scss b/assets/scss/layouts/products/_productSaleBadges.scss
@@ -17,6 +17,7 @@
     top: 0;
     transform: scaleX(1) scaleY(1) scaleZ(1);
     transform-origin: 50% 50% 0;
+    transition: background-color 800ms ease;
     width: rem-calc(50px);
     z-index: zIndex("lower");
 }
@@ -64,6 +65,15 @@
     z-index: zIndex("high");
 }
 
+.product:hover .starwrap {
+
+    .sale-flag-star,
+    .sale-flag-star:before,
+    .sale-flag-star:after {
+        background: stencilColor("color_hover_product_sale_badges");
+    }    
+}
+
 // -----------------------------------------------------------------------------
 // TOP LEFT BADGE
 // -----------------------------------------------------------------------------
@@ -80,13 +90,12 @@
     padding-right: spacing("half");
     padding-top: spacing("eighth") / 2;
     position: absolute;
-    transition: 800ms ease;
+    transition: background-color 800ms ease;
     z-index: zIndex("lower");
 }
 
 .product:hover .sale-flag-side {
     background: stencilColor("color_hover_product_sale_badges");
-    transition: 800ms ease;
 }
 
 // -----------------------------------------------------------------------------
@@ -106,7 +115,7 @@
     text-align: center;
     top: 25px;
     transform: rotate(-45deg);
-    transition: 800ms ease;
+    transition: background-color 800ms ease;
     width: rem-calc(119px);
     z-index: zIndex("lower");
 }
@@ -130,7 +139,6 @@
 
 .product:hover .sale-flag-sash {
     background: stencilColor("color_hover_product_sale_badges");
-    transition: 800ms ease;
 }
 
 .product {