done #529 @0.5

diff --git a/less/003-mixins.less b/less/003-mixins.less
index 12376f7928400bbb1951e264725996ccc5ef1fde..0c07ceb802a19dc7082c7d92701176fcec5083f3 100644 (file)
--- 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 459059a7946bc85a1ae277afbb55a83527d1bcac..297fae5a06ffd9ff46d7d83c490fe517fd35cbd1 100644 (file)
--- 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);\r
                                        white-space: nowrap;\r
                                        display: none;\r
-                                       &:before{\r
-                                               content:"";\r
+                                       &:before {\r
+                                               content: "";\r
                                                background-color: transparent;\r
-                                               height:20px;\r
+                                               height: 20px;\r
                                                width: 100%;\r
-                                               top:-20px;\r
-                                               left:0px;\r
+                                               top: -20px;\r
+                                               left: 0px;\r
                                                position: absolute;\r
                                        }\r
 \r
@@ -113,8 +113,10 @@ header {
                }\r
                a {\r
                        .rounded-button();\r
+                       .smallarrow-button(10px, 30px, 10px, 7px);\r
                        &.quoteLink {\r
                                .background-button-green();\r
+\r
                                color: #fff;\r
                        }\r
                        &.agencies {\r