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.
ckeditor · Jan 23, 2019 · c5917bf · c5917bf
2 parents 59ad6ca + 092e8b6
commit c5917bf
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/theme/ckeditor5-ui/globals/_colors.css b/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 ------------------------------------------------------------------------------- */

diff --git a/theme/ckeditor5-ui/globals/_shadow.css b/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);
 }