From 0e127d72537ae53ada67a4fb8acf3a507386a0a9 Mon Sep 17 00:00:00 2001 From: Neil Anderson Date: Thu, 25 May 2017 07:19:58 +0100 Subject: [PATCH 1/2] Increase colour contrast on block mover buttons (#557) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Have checked the new contrast meets WCAG AA using the following tool: http://webaim.org/resources/contrastchecker/ If there’s a better checker you guys all use, do let me know in the comments! --- editor/block-mover/style.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/editor/block-mover/style.scss b/editor/block-mover/style.scss index a7b69706e7009..f184f10a81869 100644 --- a/editor/block-mover/style.scss +++ b/editor/block-mover/style.scss @@ -10,13 +10,13 @@ border: none; outline: none; background: none; - color: $dark-gray-100; + color: $dark-gray-300; cursor: pointer; width: 20px; height: 20px; &:hover { - color: $dark-gray-900; + color: $dark-gray-500; } &[aria-disabled="true"] { From 9559743799dd97991d826d7065c6a6173b14b942 Mon Sep 17 00:00:00 2001 From: Neil Anderson Date: Sat, 3 Jun 2017 10:02:09 +0100 Subject: [PATCH 2/2] Remove unecessary hover accent The button already inherits the hover colour from .components-icon-button. --- editor/block-mover/style.scss | 4 ---- 1 file changed, 4 deletions(-) diff --git a/editor/block-mover/style.scss b/editor/block-mover/style.scss index f184f10a81869..a9a79346bdc7c 100644 --- a/editor/block-mover/style.scss +++ b/editor/block-mover/style.scss @@ -15,10 +15,6 @@ width: 20px; height: 20px; - &:hover { - color: $dark-gray-500; - } - &[aria-disabled="true"] { cursor: default; color: $light-gray-300;