Sfoglia il codice sorgente

Added a delicate animation to the input's border and box shadow.

Aleksander Nowodzinski 7 anni fa
parent
commit
7ea49c17e5

+ 3 - 0
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/inputtext/inputtext.css

@@ -23,6 +23,9 @@
 	/* This is important to stay of the same height as surrounding buttons */
 	min-height: var(--ck-ui-component-min-height);
 
+	transition-property: box-shadow, border;
+	transition: .2s ease-in-out;
+
 	&:focus {
 		@mixin ck-focus-ring;
 		@mixin ck-box-shadow var(--ck-focus-outer-shadow), var(--ck-inner-shadow);