From 1a7354c4e6c0387ac5bc0b60eb86c465dd03cac6 Mon Sep 17 00:00:00 2001 From: Antonio Villegas Date: Fri, 8 Feb 2019 20:41:26 +0100 Subject: [PATCH] Remove stroke from CSS rules that colorize plugin icons (#13719) * Remove stroke from CSS rules that colorize plugin icons * Restored stroke values and added stroke-width property --- .../edit-post/src/components/header/pinned-plugins/style.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/packages/edit-post/src/components/header/pinned-plugins/style.scss b/packages/edit-post/src/components/header/pinned-plugins/style.scss index cfa4c61a34707..b01dd0480d5ee 100644 --- a/packages/edit-post/src/components/header/pinned-plugins/style.scss +++ b/packages/edit-post/src/components/header/pinned-plugins/style.scss @@ -14,6 +14,7 @@ .components-icon-button:not(.is-toggled) svg * { stroke: $dark-gray-500; fill: $dark-gray-500; + stroke-width: 0; // !important is omitted here, so stroke-only icons can override easily. } // Forcefully colorize hover and toggled plugin icon states to ensure legibility and consistency. @@ -21,11 +22,13 @@ .components-icon-button.is-toggled svg * { stroke: $white !important; fill: $white !important; + stroke-width: 0; // !important is omitted here, so stroke-only icons can override easily. } .components-icon-button:hover svg, .components-icon-button:hover svg * { stroke: $dark-gray-900 !important; fill: $dark-gray-900 !important; + stroke-width: 0; // !important is omitted here, so stroke-only icons can override easily. } }