style(button): add transition effects for improved button interaction

clicktodev · clicktodev · commit 081b1342ea2b · 2025-01-15T20:15:38.000+01:00
diff --git a/packages/docsearch-css/src/button.css b/packages/docsearch-css/src/button.css
@@ -61,6 +61,9 @@
   border: 0;
   top: -1px;
   width: 20px;
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 100ms;
 }
 
 .DocSearch-Button-Key--pressed {

Original file line number	Diff line number	Diff line change
`@@ -61,6 +61,9 @@`
`61`	`61`	`border: 0;`
`62`	`62`	`top: -1px;`
`63`	`63`	`width: 20px;`
	`64`	`+ transition-property: all;`
	`65`	`+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);`
	`66`	`+ transition-duration: 100ms;`
`64`	`67`	`}`
`65`	`68`
`66`	`69`	`.DocSearch-Button-Key--pressed {`