Explorar o código

Merge pull request #216 from ckeditor/cf/2472

Feature: Introduced a custom CSS property for an "active" `box-shadow`, a more visible shadow to put emphasis on the active element in some UI context.
Aleksander Nowodzinski %!s(int64=7) %!d(string=hai) anos
pai
achega
d1ec42e405

+ 1 - 0
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/globals/_colors.css

@@ -22,6 +22,7 @@
 	--ck-color-focus-error-shadow:								hsla(9,100%,56%,.3);
 	--ck-color-text: 											var(--ck-color-base-text);
 	--ck-color-shadow-drop: 									hsla(0, 0%, 0%, 0.15);
+	--ck-color-shadow-drop-active:								hsla(0, 0%, 0%, 0.2);
 	--ck-color-shadow-inner: 									hsla(0, 0%, 0%, 0.1);
 
 	/* -- Buttons ------------------------------------------------------------------------------- */

+ 5 - 0
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/globals/_shadow.css

@@ -13,4 +13,9 @@
 	 * A visual style of element's drop shadow (i.e. panel).
 	 */
 	--ck-drop-shadow: 0 1px 2px 1px var(--ck-color-shadow-drop);
+
+	/**
+	 * A visual style of element's active shadow (i.e. comment or suggestion).
+	 */
+	--ck-drop-shadow-active: 0 3px 6px 1px var(--ck-color-shadow-drop-active);
 }