[wp-trac] [WordPress Trac] #57354: Backport: outline support for blocks via theme.json

[WordPress Trac]

#57354: Backport: outline support for blocks via theme.json
-------------------------------------------------+-------------------------
 Reporter:  onemaggie                            |       Owner:
                                                 |  hellofromTonya
     Type:  enhancement                          |      Status:  accepted
 Priority:  normal                               |   Milestone:  6.2
Component:  Themes                               |     Version:
 Severity:  normal                               |  Resolution:
 Keywords:  has-patch has-unit-tests has-        |     Focuses:
  testing-info                                   |
-------------------------------------------------+-------------------------
Changes (by hellofromTonya):

 * keywords:  has-patch has-unit-tests => has-patch has-unit-tests has-
     testing-info


Comment:

 == Test Instructions

 === Steps to Test

 1. Add the changes to TT3's `theme.json` per [https://github.com/WordPress
 /wordpress-develop/pull/3790#-how-to-test instructions here].
 2. Create a new post.
 3. Add a button block.
 4. Publish the post.
 5. View on the frontend.
 6. Using Dev Tools in your browser, inspect the button's CSS.

 === Expected Results

 Visually:
 * The button should have a red dashed outline around it.
 * When hovering over the button, the outline should change to a solid blue
 line.

 The button's CSS should contain the following properties within `.wp-
 element-button, .wp-block-button__link`:

 {{{
 outline-color: red;
 outline-offset: 3px;
 outline-style: dashed;
 outline-width: 3px;
 }}}

 and if you force `:hover` in the browser's `Styles` UI, the properties for
 `.wp-element-button:hover, .wp-block-button__link:hover` should include:

 {{{
 outline-color: blue;
 outline-offset: 3px;
 outline-style: solid;
 outline-width: 3px;
 }}}

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/57354#comment:12>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform