villeneuve-dasq: fix tracking code input submit button (#76175) #321

Merged
csechet merged 1 commits from wip/76175-villeneuve-dasq-rendu-bouton-valider into main 2023-06-26 15:30:59 +02:00
1 changed files with 17 additions and 7 deletions

View File

@ -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);
}
}
}