Commit 802c6714 authored by David Steeb's avatar David Steeb
Browse files

[TASK] Fix zoom on hover for Safari

Related: T3DEMO-263
parent 8b1f0c33
Pipeline #10104 passed with stage
in 2 minutes and 24 seconds
......@@ -6,3 +6,9 @@
transform: scale(1.06);
}
}
// fix for Safari:
// Images in teaser container with border-radius do not hide inside the border radius constraints while transitioning/zooming
@mixin teasercontainer-safarifix() {
-webkit-mask-image: -webkit-radial-gradient(white, black);
}
......@@ -14,6 +14,7 @@
border-radius: $border-radius $border-radius 0 0;
overflow: hidden;
line-height: 1px;
@include teasercontainer-safarifix();
}
&__image {
width: 100%;
......
......@@ -20,6 +20,7 @@
overflow: hidden;
line-height: 1px;
margin-bottom: 10px;
@include teasercontainer-safarifix();
}
&__image {
width: 100%;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment