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.
16 lines
334 B
SCSS
16 lines
334 B
SCSS
%blink-in-fade-out {
|
|
transition-property: opacity;
|
|
transition-duration: 0.1s;
|
|
transition-timing-function: linear;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
}
|
|
%blink-in-fade-out-active {
|
|
transition-duration: 0;
|
|
transition-duration: unset;
|
|
transition-delay: 0;
|
|
transition-delay: unset;
|
|
opacity: 1;
|
|
pointer-events: auto;
|
|
}
|