Skip to content

Commit 7577045

Browse files
authored
fix(css): add transition effects to pressed key buttons (#2447)
1 parent 62e7e49 commit 7577045

File tree

1 file changed

+9
-0
lines changed

1 file changed

+9
-0
lines changed

packages/docsearch-css/src/button.css

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -61,6 +61,15 @@
6161
border: 0;
6262
top: -1px;
6363
width: 20px;
64+
transition-property: all;
65+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
66+
transition-duration: 100ms;
67+
}
68+
69+
@media (prefers-reduced-motion) {
70+
.DocSearch-Button-Key {
71+
transition: none;
72+
}
6473
}
6574

6675
.DocSearch-Button-Key--pressed {

0 commit comments

Comments
 (0)