[wp-trac] [WordPress Trac] #60374: Twenty Sixteen: Navigation block inherits colors from button styles

[WordPress Trac]

#60374: Twenty Sixteen: Navigation block inherits colors from button styles
-----------------------------------+------------------------------
 Reporter:  poena                  |       Owner:  (none)
     Type:  defect (bug)           |      Status:  new
 Priority:  normal                 |   Milestone:  Awaiting Review
Component:  Bundled Theme          |     Version:
 Severity:  normal                 |  Resolution:
 Keywords:  has-patch 2nd-opinion  |     Focuses:
-----------------------------------+------------------------------

Comment (by poena):

 @sabernhardt

 Hi
 can you clarify this?
 > Some of these styles should be changed in the editor's block styles
 instead of—or in addition to—theme edits.

 I am asking because it would need opening a new issue in the Gutenberg
 GitHub repository.




 > the global CSS variables are not defined
 The navigation block uses {{{--wp--style--root-padding*}}} which does not
 seem to be included for classic themes. But the block should still use the
 1rem padding from the {{{clamp()}}}, even when the variable is missing?

 From the block's scss file (Gutenberg v 17.7.0):

 {{{
 // Try to inherit any root paddings set, so the X can align to a top-right
 aligned menu.
 padding-top: clamp(1rem, var(--wp--style--root--padding-top), 20rem);
 padding-right: clamp(1rem, var(--wp--style--root--padding-right), 20rem);
 padding-bottom: clamp(1rem, var(--wp--style--root--padding-bottom),
 20rem);
 padding-left: clamp(1rem, var(--wp--style--root--padding-left), 20em);
 }}}

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