villeneuve-dasq: fix tracking code input submit button (#76175) #321
|
@ -287,8 +287,10 @@ div.timetable-widget {
|
|||
@include vendor-prefix('appearance', 'none');
|
||||
border: none;
|
||||
background: none;
|
||||
padding: 0;
|
||||
padding: 0 0.5rem 0 2rem;
|
||||
color: inherit;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
text-transform: uppercase;
|
||||
font-weight: 900;
|
||||
|
@ -301,15 +303,23 @@ div.timetable-widget {
|
|||
&:after {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
vertical-align: middle;
|
||||
border-radius: 50%;
|
||||
border: 2px solid white;
|
||||
margin-left: .66em;
|
||||
border: 2px solid $font-color;
|
||||
margin-left: 1.5rem;
|
||||
background: center no-repeat;
|
||||
@include arrowIcon($property: 'background-image');
|
||||
background-size: 1.5rem;
|
||||
@include arrowIcon($property: background-image, $color: str-slice('#{$font-color}', 2));
|
||||
background-size: 80%;
|
||||
transform: translateX(-1em);
|
||||
transition: transform .5s;
|
||||
}
|
||||
|
||||
&:hover:after {
|
||||
border: 2px solid white;
|
||||
@include arrowIcon($property: background-image, $strokeWidth: 4);
|
||||
transform: translateX(-0.5em);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue