From 998d3920c93fab34f8bb34efe8633ce7b40cd452 Mon Sep 17 00:00:00 2001 From: Seghir Nadir Date: Tue, 26 Nov 2019 12:45:00 +0100 Subject: [PATCH] Fix color on pagination caused by Twenty Twenty (https://github.com/woocommerce/woocommerce-blocks/pull/1257) * fix color on pagination caused by twentytwenty --- .../assets/js/base/components/pagination/style.scss | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/plugins/woocommerce-blocks/assets/js/base/components/pagination/style.scss b/plugins/woocommerce-blocks/assets/js/base/components/pagination/style.scss index 7aea08db48f..37a71e58b7d 100644 --- a/plugins/woocommerce-blocks/assets/js/base/components/pagination/style.scss +++ b/plugins/woocommerce-blocks/assets/js/base/components/pagination/style.scss @@ -11,7 +11,6 @@ } .wc-block-pagination-page { - background-color: transparent; border-color: transparent; padding: 0.3em 0.6em; min-width: 2.2em; @@ -20,6 +19,14 @@ padding: 0.1em 0.2em; min-width: 1.6em; } + + // Twenty Twenty register a background color for buttons that is too specific + // and broad at the same time `button:not(.toggle)` so we're engaing in a + // specify war with them here. + // https://github.com/woocommerce/woocommerce-gutenberg-products-block/issues/1203 + &:not(.toggle) { + background-color: transparent; + } } .wc-block-pagination-ellipsis {