e455648f96
1. Amends our `base` animation placeholder to always reset transition-duration. This has no effect on other components that are already using this animation. 2. Adds a confirming class whenever a key is pressed, to show the green tick. Uses CSS via `transition-delay` for debouncing.
18 lines
339 B
SCSS
18 lines
339 B
SCSS
#urls_service span {
|
|
position: relative;
|
|
}
|
|
#urls_service span::after {
|
|
@extend %with-tick;
|
|
background-color: $green-500;
|
|
border-radius: 100%;
|
|
top: 13px;
|
|
right: 0;
|
|
}
|
|
#urls_service span::after {
|
|
@extend %blink-in-fade-out;
|
|
transition-delay: 3s;
|
|
}
|
|
#urls_service.confirming span::after {
|
|
@extend %blink-in-fade-out-active;
|
|
}
|