diff --git a/rebalance/blocks.css b/rebalance/blocks.css index 1183bfc70..9380ffe9b 100644 --- a/rebalance/blocks.css +++ b/rebalance/blocks.css @@ -259,8 +259,6 @@ p.has-drop-cap:not(:focus)::first-letter { /* Buttons */ .wp-block-button .wp-block-button__link { - border: 2px solid; - border-radius: 0; font-family: "Rubik", "Helvetica Neue", sans-serif; font-weight: 500; line-height: 1; @@ -274,9 +272,16 @@ p.has-drop-cap:not(:focus)::first-letter { text-decoration: none; } -a.wp-block-button__link { - background: #fff; - border-color: #000; +.entry-content .wp-block-button__link { + background: #f35029; + color: #fff; +} + +.entry-content .is-style-outline .wp-block-button__link { + background: transparent; +} + +.entry-content .is-style-outline .wp-block-button__link:not(.has-text-color) { color: #f35029; } diff --git a/rebalance/editor-blocks.css b/rebalance/editor-blocks.css index e12a86ecf..99fed7b15 100644 --- a/rebalance/editor-blocks.css +++ b/rebalance/editor-blocks.css @@ -473,13 +473,6 @@ -webkit-appearance: none; } -.wp-block-file .wp-block-file__button:hover, -.wp-block-file .wp-block-file__button:focus, -.wp-block-file .wp-block-file__button:active { - background: #000; - color: #fff; -} - .rtl .wp-block-file .wp-block-file__button { margin-left: .75em; margin-right: 0; @@ -682,8 +675,6 @@ /* Buttons */ .wp-block-button .wp-block-button__link { - border: 2px solid; - border-radius: 0; font-family: "Rubik", "Helvetica Neue", sans-serif; font-weight: 500; line-height: 18px; @@ -694,18 +685,17 @@ line-height: 18px } -.wp-block-button__link, -.wp-block-button__link:visited { - background: #fff; - border-color: currentColor; - color: #f35029; +.wp-block-button__link { + color: #fff; + background-color: #f35029; } -.wp-block-button__link:active, -.wp-block-button__link:focus, -.wp-block-button__link:hover { - background: #000; - color: #fff; +.is-style-outline .wp-block-button__link { + background: transparent; +} + +.is-style-outline .wp-block-button__link:not(.has-text-color) { + color: #f35029; } .wp-block-button.alignleft {