From: vincent@cubedesigners.com Date: Mon, 4 Jul 2016 16:42:04 +0000 (+0000) Subject: done #526 @0.25 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=e6d51d9bfe8da3d395e909c1e7e7963d86b914a4;p=fluidbook-v3.git done #526 @0.25 --- diff --git a/less/002-common.less b/less/002-common.less index a379aac..daa073a 100644 --- a/less/002-common.less +++ b/less/002-common.less @@ -34,6 +34,7 @@ h1, h2 { } a { + transition: @transition-time-buttons color; color: @color-link; text-decoration: underline; diff --git a/less/101-header.less b/less/101-header.less index cf57b13..0729a51 100644 --- a/less/101-header.less +++ b/less/101-header.less @@ -67,23 +67,25 @@ header { margin: 0 25px; position: relative; - a { + > a { position: relative; &:after { content: ""; height: 1px; - width: 100%; + width: 0; position: absolute; background-color: @color-header-grey; - transform: scaleX(0); left: 0; bottom: 0; + transition: @transition-time-buttons width; } } &.active > a, a:hover { color: @color-header-grey; - transform: scaleX(1); + &:after { + width: 100%; + } } &:hover { > ul { @@ -115,9 +117,14 @@ header { margin: 10px 20px; + a{ + transition: @transition-time-buttons color; + } + &.active a, a:hover { border-bottom-color: transparent; color: #e86f68; + } } } diff --git a/less/220-exemples.less b/less/220-exemples.less index d6f464d..d09446c 100644 --- a/less/220-exemples.less +++ b/less/220-exemples.less @@ -57,6 +57,10 @@ line-height: 18px; margin-bottom: 50px; cursor: pointer; + transition: @transition-time-buttons color; + &:hover { + color: @color-green; + } } &.featured { diff --git a/less/315-quote.less b/less/315-quote.less index 23d30b8..501cd15 100644 --- a/less/315-quote.less +++ b/less/315-quote.less @@ -3,10 +3,10 @@ // Request a quote section .request-quote { - // Styling when open in a popup - .popupWindow & { - padding: 0 2% 1%; - } + // Styling when open in a popup + .popupWindow & { + padding: 0 2% 1%; + } .text { padding-right: 30px; @@ -113,7 +113,7 @@ button { .button(); .background-button-green(); - .longarrow-button(); + .longarrow-button(23px, 40px, 20px, -5px); .font-thinning(); color: #fff; font-size: 14px;