Przeglądaj źródła

Introduced new box-shadow CSS variable.

Damian Konopka 7 lat temu
rodzic
commit
0edb80be8c

+ 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);
 }