Merge pull request #413 from akinwale/ui-blur

Fix for blurry text and image on hover
This commit is contained in:
Jeremy Kauffman 2017-08-06 10:49:54 -04:00 committed by GitHub
commit 51622ac2f1

View file

@ -97,13 +97,13 @@ $card-link-scaling: 1.1;
position: relative; position: relative;
z-index: 1; z-index: 1;
box-shadow: $box-shadow-focus; box-shadow: $box-shadow-focus;
transform: scale($card-link-scaling) translate3d($translate-card-hover, 0, 0); transform: scale($card-link-scaling) translateX($translate-card-hover);
transform-origin: 50% 50%; transform-origin: 50% 50%;
overflow-x: visible; overflow-x: visible;
overflow-y: visible overflow-y: visible
} }
.card--link:hover ~ .card--link { .card--link:hover ~ .card--link {
transform: translate3d($translate-card-hover * 2, 0, 0); transform: translateX($translate-card-hover * 2);
} }
.card__media { .card__media {