[wp-trac] [WordPress Trac] #57978: Twenty Twenty: Separator block having issue in background color

[WordPress Trac]

#57978: Twenty Twenty: Separator block having issue in background color
------------------------------+------------------------------
 Reporter:  nidhidhandhukiya  |       Owner:  (none)
     Type:  defect (bug)      |      Status:  new
 Priority:  normal            |   Milestone:  Awaiting Review
Component:  Bundled Theme     |     Version:
 Severity:  normal            |  Resolution:
 Keywords:                    |     Focuses:
------------------------------+------------------------------

Comment (by nidhidhandhukiya):

 The reason behind this issue is :-
 In block css we have the css like
 {{{
     background: linear-gradient(to left, currentColor calc(50% - 16px),
 transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor
 calc(50% + 16px));
 }}}
 If we choose any background color then the css became the below one.

 {{{
 background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-
 red) !important;
 }}}
 If you check this variable inside that we have the css given below.

 {{{
 linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%)
 }}}

 So when you compare the first and the last one that calculation is not
 there which we have in the first css because of that this issue is
 happening.

 If we want to solve this issue we need to make all the css same with the
 calculation.

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