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
\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
// 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;