From 124f7e0882a2c0ed64e9cee240c9e113f3d0b669 Mon Sep 17 00:00:00 2001 From: Damian Konopka Date: Wed, 23 Jan 2019 11:57:32 +0100 Subject: [PATCH 1/2] Introduced new box-shadow CSS variable. --- theme/ckeditor5-ui/globals/_colors.css | 1 + theme/ckeditor5-ui/globals/_shadow.css | 5 +++++ 2 files changed, 6 insertions(+) diff --git a/theme/ckeditor5-ui/globals/_colors.css b/theme/ckeditor5-ui/globals/_colors.css index 077bcab..ed874d4 100644 --- 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 index 08dace0..e0c0dcf 100644 --- 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); } From 092e8b68eb0985797e7522a5a2f12e1154ecf825 Mon Sep 17 00:00:00 2001 From: Damian Konopka Date: Wed, 23 Jan 2019 11:59:43 +0100 Subject: [PATCH 2/2] Removed obsolete space. --- theme/ckeditor5-ui/globals/_shadow.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/theme/ckeditor5-ui/globals/_shadow.css b/theme/ckeditor5-ui/globals/_shadow.css index e0c0dcf..3079ca4 100644 --- a/theme/ckeditor5-ui/globals/_shadow.css +++ b/theme/ckeditor5-ui/globals/_shadow.css @@ -16,6 +16,6 @@ /** * 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); }