From 3951b8f3f8cfbb755c32f1d4471493840654c761 Mon Sep 17 00:00:00 2001 From: "vincent@cubedesigners.com" Date: Mon, 4 Jul 2016 15:35:22 +0000 Subject: [PATCH] done #529 @0.5 --- less/003-mixins.less | 14 ++++++++++++-- less/101-header.less | 12 +++++++----- 2 files changed, 19 insertions(+), 7 deletions(-) diff --git a/less/003-mixins.less b/less/003-mixins.less index 12376f7..0c07ceb 100644 --- a/less/003-mixins.less +++ b/less/003-mixins.less @@ -111,7 +111,7 @@ } } -.longarrow-button(@padding-vertical,@padding-horizontal,@offset) { +.longarrow-button(@padding-vertical,@padding-horizontal,@offset,@offset-arrow:0px) { padding: @padding-vertical @padding-horizontal; position: relative; transition: all @transition-time-buttons; @@ -123,7 +123,7 @@ font-size: 1.5em; position: absolute; top: @padding-vertical; - right: @padding-horizontal - @offset; + right: @padding-horizontal - @offset - @offset-arrow; opacity: 0; transition: opacity @transition-time-buttons; } @@ -136,4 +136,14 @@ opacity: 1; } } +} + +.smallarrow-button(@padding-vertical,@padding-horizontal,@offset,@offset-arrow:0px) { + .longarrow-button(@padding-vertical, @padding-horizontal, @offset, @offset-arrow); + + &:after { + content: ">"; + font-size: 1.2em; + margin-top: -0.05em; + } } \ No newline at end of file diff --git a/less/101-header.less b/less/101-header.less index 459059a..297fae5 100644 --- a/less/101-header.less +++ b/less/101-header.less @@ -77,13 +77,13 @@ header { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); white-space: nowrap; display: none; - &:before{ - content:""; + &:before { + content: ""; background-color: transparent; - height:20px; + height: 20px; width: 100%; - top:-20px; - left:0px; + top: -20px; + left: 0px; position: absolute; } @@ -113,8 +113,10 @@ header { } a { .rounded-button(); + .smallarrow-button(10px, 30px, 10px, 7px); &.quoteLink { .background-button-green(); + color: #fff; } &.agencies { -- 2.39.5