From 174f68b81a3040be071310fa57ec66ac417f8e09 Mon Sep 17 00:00:00 2001 From: "stephen@cubedesigners.com" Date: Tue, 5 Jul 2016 14:55:41 +0000 Subject: [PATCH] Fix rendering problems with scaled content and CSS hover transitions #531 @0:15 --- less/003-mixins.less | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/less/003-mixins.less b/less/003-mixins.less index b2ee9d6..4140039 100644 --- a/less/003-mixins.less +++ b/less/003-mixins.less @@ -111,18 +111,20 @@ .longarrow-button(@padding-vertical: 23px, @padding-horizontal: 40px, @offset: 20px, @offset-arrow: -5px) { padding: @padding-vertical @padding-horizontal; position: relative; - transition: all @transition-time-buttons; + transition: padding @transition-time-buttons; line-height: 0.8em; &:after { content: '-'; + .font-thinning(); font-family: @icons; font-size: 1.5em; position: absolute; top: @padding-vertical; right: @padding-horizontal - @offset - @offset-arrow; opacity: 0; - transition: opacity @transition-time-buttons; + visibility: hidden; + transition: visibility @transition-time-buttons; } &:hover, &:active { @@ -130,6 +132,7 @@ padding-left: @padding-horizontal - @offset; &:after { + visibility: visible; opacity: 1; } } -- 2.39.5