]> _ Git - fluidbook-v3.git/commitdiff
done #526 @0.25
authorvincent@cubedesigners.com <vincent@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Mon, 4 Jul 2016 16:42:04 +0000 (16:42 +0000)
committervincent@cubedesigners.com <vincent@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Mon, 4 Jul 2016 16:42:04 +0000 (16:42 +0000)
less/002-common.less
less/101-header.less
less/220-exemples.less
less/315-quote.less

index a379aac6345de39907e98bf657c7e2dcd19df5f9..daa073a5500c0a3727bace8b9db3e2a104566d46 100644 (file)
@@ -34,6 +34,7 @@ h1, h2 {
 }\r
 \r
 a {\r
+       transition: @transition-time-buttons color;\r
        color: @color-link;\r
        text-decoration: underline;\r
 \r
index cf57b1387f09a167ace3dcb9c4b85902030c8890..0729a5194088a374824ab45b3bd3a31e12444c55 100644 (file)
@@ -67,23 +67,25 @@ header {
                                margin: 0 25px;\r
                                position: relative;\r
 \r
-                               a {\r
+                               a {\r
                                        position: relative;\r
                                        &:after {\r
                                                content: "";\r
                                                height: 1px;\r
-                                               width: 100%;\r
+                                               width: 0;\r
                                                position: absolute;\r
                                                background-color: @color-header-grey;\r
-                                               transform: scaleX(0);\r
                                                left: 0;\r
                                                bottom: 0;\r
+                                               transition: @transition-time-buttons width;\r
                                        }\r
                                }\r
 \r
                                &.active > a, a:hover {\r
                                        color: @color-header-grey;\r
-                                       transform: scaleX(1);\r
+                                       &:after {\r
+                                               width: 100%;\r
+                                       }\r
                                }\r
                                &:hover {\r
                                        > ul {\r
@@ -115,9 +117,14 @@ header {
 \r
                                                margin: 10px 20px;\r
 \r
+                                               a{\r
+                                                       transition: @transition-time-buttons color;\r
+                                               }\r
+\r
                                                &.active a, a:hover {\r
                                                        border-bottom-color: transparent;\r
                                                        color: #e86f68;\r
+\r
                                                }\r
                                        }\r
                                }\r
index d6f464df75b89b5ba6c0b4bb26c6c9f18477feda..d09446c11b239c96ad176e600b25fab1db77dda6 100644 (file)
                                line-height: 18px;\r
                                margin-bottom: 50px;\r
                                cursor: pointer;\r
+                               transition: @transition-time-buttons color;\r
+                               &:hover {\r
+                                       color: @color-green;\r
+                               }\r
                        }\r
 \r
                        &.featured {\r
index 23d30b874291b871d6650bd6a2ae450ad5227a66..501cd15fdedd95712f6de7643f15503203114d6e 100644 (file)
@@ -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;
                button {
                        .button();
                        .background-button-green();
-                       .longarrow-button();
+                       .longarrow-button(23px, 40px, 20px, -5px);
                        .font-thinning();
                        color: #fff;
                        font-size: 14px;