From 9c7ccb0938f977c75c0f01cb61da4a4efc04cfb5 Mon Sep 17 00:00:00 2001 From: Zebulan Stanphill Date: Sun, 30 Aug 2020 18:21:57 -0500 Subject: [PATCH] Button block: reduce chance of style conflicts. Follow up to #24599. Using the child combinator (instead of the descendant combinator) narrows the selector without increasing its specificity. This should help reduce the likelihood of a style issue occurring when a parent element has an `is-style-outline` CSS class. https://developer.mozilla.org/en-US/docs/Web/CSS/Child_combinator --- packages/block-library/src/button/style.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/block-library/src/button/style.scss b/packages/block-library/src/button/style.scss index 30dfcf5466396..34536e0d5bda0 100644 --- a/packages/block-library/src/button/style.scss +++ b/packages/block-library/src/button/style.scss @@ -47,7 +47,7 @@ $blocks-button__height: 3.1em; border-radius: 0 !important; } -.is-style-outline .wp-block-button__link, +.is-style-outline > .wp-block-button__link, .wp-block-button__link.is-style-outline { color: $dark-gray-700; background-color: transparent;