Button updates. Fix #639 @2

diff --git a/less/003-mixins.less b/less/003-mixins.less
index 463d58e9a1ad85848b8a67f8a601ea1c5e3c0afa..e6de962b77907efc953bcee42a7e510e1075abf6 100644 (file)
--- a/less/003-mixins.less
+++ b/less/003-mixins.less
@@ -17,7 +17,7 @@
        .font-thinning();
 }
 
-.button(@line-height: 54px, @horizontal-padding: 20px) {
+.button(@line-height: 54px, @horizontal-padding: 16px) {
        display: inline-block;
        border: 0;
        font-family: @montserrat;
@@ -130,11 +130,13 @@
        }
 }
 
-.longarrow-button(@padding-vertical: 23px, @padding-horizontal: 40px, @offset: 20px, @offset-arrow: -5px) {
+.longarrow-button(@padding-vertical: 18px, @padding-horizontal: 40px, @offset: 20px, @offset-arrow: -5px) {
+
+
        padding: @padding-vertical @padding-horizontal;
        position: relative;
        transition: padding @transition-time-buttons;
-       line-height: 0.8em;
+       line-height: 1.5;
 
        &:after {
                content: '-';
@@ -142,7 +144,8 @@
                font-family: @icons;
                font-size: 1.5em;
                position: absolute;
-               top: @padding-vertical;
+               top: 50%;
+               transform: translateY(-50%);
                right: @padding-horizontal - @offset - @offset-arrow;
                opacity: 0;
                visibility: hidden;

diff --git a/less/102-footer.less b/less/102-footer.less
index 8c28feac4adedde2d15030e79f8f28e538eb702f..bf38a723154ec3e37ea19d0d47bb606120ae00a1 100644 (file)
--- a/less/102-footer.less
+++ b/less/102-footer.less
@@ -136,19 +136,19 @@ footer.site .footer-inner {
        .workshop-link {
                .rounded-button();
                .border-button(#fff, #fff);
-               .longarrow-button(20px, 62px, 19px);
+               .longarrow-button(16px, 62px, 19px);
                border-radius: 26px;
                text-transform: uppercase;
                font-size: 12px;
 
                @media @m1280 {
-                       .longarrow-button(20px, 30px, 13px, 2px);
+                       .longarrow-button(16px, 30px, 13px, 2px);
                }
                @media @m1024 {
                        //.longarrow-button(20px, 54px, 16px, 0);
                }
                @media @m900 {
-                       .longarrow-button(15px, 20px, 11px, 1px);
+                       .longarrow-button(12px, 20px, 11px, 1px);
                }
        }
 }

diff --git a/less/103-contact-footer.less b/less/103-contact-footer.less
index f62193f3efc88375e9ab32a76c38625f52d1dadb..82578563c3693a704708e43f30bfd3fcf1d6e4ed 100644 (file)
--- a/less/103-contact-footer.less
+++ b/less/103-contact-footer.less
@@ -44,7 +44,7 @@
 \r
                a {\r
                        .border-button-fill(#343c44, #f3f3f3, 5%);\r
-                       .longarrow-button(20px, 40px, 18px);\r
+                       .longarrow-button(15px, 40px, 18px);\r
                        min-width: 220px;\r
                        margin-right: 20px;\r
 \r

diff --git a/less/104-nav.less b/less/104-nav.less
index b53f9340739176bdb86f2425246893d03ad4f455..fb8271c88bfc47773ddc7a976e7a63259f2be3b4 100644 (file)
--- a/less/104-nav.less
+++ b/less/104-nav.less
@@ -156,6 +156,7 @@ nav#contactnav {
                &.quoteLink {\r
                        .background-button-green();\r
                        color: #fff;\r
+                       line-height: 1;\r
                        @media @m640 {\r
                                display: none;\r
                        }\r

diff --git a/less/210-home.less b/less/210-home.less
index 7ae49ccdbd9ffd430b75be5d70322b191fc1b70b..a710719414fa75d22e04f471dbe957bbbe399686 100644 (file)
--- a/less/210-home.less
+++ b/less/210-home.less
@@ -29,7 +29,7 @@
 \r
        .btn {\r
                .button();\r
-               .longarrow-button(20px, 40px, 18px);\r
+               .longarrow-button(16px, 40px, 18px);\r
                color: #fff;\r
                margin-top: 30px;\r
        }\r

diff --git a/less/213-home-customers.less b/less/213-home-customers.less
index 7c5c0d7aebbad1dc5fd378d01be8fc1724734898..7dad7bb95355a9d5ae5cf7645e47fbb3f7056fc7 100644 (file)
--- a/less/213-home-customers.less
+++ b/less/213-home-customers.less
@@ -6,7 +6,7 @@ section.customers {
     .button();
     color: #fff;
     margin-bottom: 20px;
-    .longarrow-button(20px, 40px, 18px);
+    .longarrow-button(16px, 40px, 18px);
   }
 
   .btn.more {
@@ -14,7 +14,7 @@ section.customers {
     border: 1px solid @color-text;
     line-height: 52px;
     margin: 0 20px;
-    .longarrow-button(20px, 40px, 18px);
+    .longarrow-button(15px, 40px, 18px);
   }
 }
 

diff --git a/less/214-home-services.less b/less/214-home-services.less
index 210ee5027dc6a79cf7abf49e62f15b45b6efdc65..340fb8d99955f2b8dc4b8baec0049c3619fac17a 100644 (file)
--- a/less/214-home-services.less
+++ b/less/214-home-services.less
@@ -138,7 +138,7 @@ section.services {
     margin-top: 0;
 
     .border-button-fill(#fff, rgba(231, 92, 123, 1));
-    .longarrow-button(20px, 40px, 18px);
+    .longarrow-button(16px, 40px, 18px);
   }
 
 }

diff --git a/less/220-exemples.less b/less/220-exemples.less
index efd53792113d551e465662999cbdbe5f139532d0..437cb614a315dc1ee328f291828d7cb9db4fbed8 100644 (file)
--- a/less/220-exemples.less
+++ b/less/220-exemples.less
@@ -68,7 +68,7 @@
                                display: inline-block;\r
 \r
                                .border-button-fill(#fff, rgba(231, 92, 123, 1));\r
-                               .longarrow-button(20px, 40px, 18px);\r
+                               .longarrow-button(16px, 40px, 18px);\r
                        }\r
 \r
                        &.featured {\r

diff --git a/less/315-quote.less b/less/315-quote.less
index e6beb189e6d10e3cb2fdd7e08fbd63d07455b32f..9e057fb4bb44f39d86e47fcedfd17549ab67ce7a 100644 (file)
--- a/less/315-quote.less
+++ b/less/315-quote.less
@@ -153,7 +153,7 @@
                button {
                        .button();
                        .background-button-green();
-                       .longarrow-button(23px, 40px, 20px, -5px);
+                       .longarrow-button(18px, 40px, 20px, -5px);
                        .font-thinning();
                        color: #fff;
                        font-size: 14px;

diff --git a/less/410-features.less b/less/410-features.less
index 8ce1229429793467c52e0e801f42c586dc8f97db..68427643abb02baecfb3d6be70f98624a839f921 100644 (file)
--- a/less/410-features.less
+++ b/less/410-features.less
@@ -22,7 +22,7 @@
   .button();
   .background-button-blue();
   .font-thinning();
-  .longarrow-button(20px, 40px, 18px);
+  .longarrow-button(16px, 40px, 18px);
   margin-top: 50px;
 }