Remove red overlay and icon on product image hover

This commit is contained in:
Maikel Linke
2020-04-28 15:56:19 +10:00
parent ca1cb50314
commit 526d4f53ad
2 changed files with 1 additions and 53 deletions

View File

@@ -1,61 +1,10 @@
@import "mixins";
@import "branding";
@import "animations";
.darkswarm {
products {
product {
.product-thumb {
@include csstrans;
position: absolute;
top: 0px;
left: 0px;
width: 7rem;
height: 7rem;
float: left;
display: block;
z-index: 1;
background-color: white;
overflow: hidden;
i {
@include csstrans;
transition-delay: 150ms;
position: absolute;
left: 45%;
top: 45%;
z-index: 99999;
color: white;
font-size: 1rem;
opacity: 0;
}
img {
@include csstrans;
opacity: 1;
@include transform-scale(scale(1));
}
&:hover, &:focus, &:active {
background-color: $clr-brick;
i {
left: 32%;
top: 30%;
font-size: 3rem;
opacity: 1;
}
img {
opacity: 0.5;
@include transform-scale(scale(1.1));
}
}
}
}
}

View File

@@ -1,7 +1,6 @@
.product-thumb
%a{"ng-click" => "triggerProductModal()"}
%i.ofn-i_057-expand
%img{"ng-src" => "{{::product.primaryImageOrMissing}}", "ng-click" => "triggerProductModal()"}
%img{"ng-src" => "{{::product.primaryImageOrMissing}}"}
.row.summary
.small-10.medium-10.large-11.summary-header