Fix: The input focus outline should not stand out too much. Closes ckeditor/ckeditor5#815.
@@ -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);
@@ -7,7 +7,7 @@
/**
* A visual style of focused element's outer shadow.
*/
- --ck-focus-outer-shadow: 0 0 3px 1px var(--ck-color-focus-shadow);
+ --ck-focus-outer-shadow: 0 0 3px var(--ck-color-focus-shadow);
* A visual style of focused element's border or outline.