[wp-trac] [WordPress Trac] #64502: CSS Syntax error in _admin.scss: Malformed content property

[WordPress Trac]

#64502: CSS Syntax error in _admin.scss: Malformed content property
-------------------------------------------------+-------------------------
 Reporter:  hiroshisato                          |      Owner:  (none)
     Type:  defect (bug)                         |     Status:  new
 Priority:  normal                               |  Milestone:  Awaiting
                                                 |  Review
Component:  General                              |    Version:  trunk
 Severity:  minor                                |   Keywords:
  Focuses:  ui, accessibility, css,              |
  administration                                 |
-------------------------------------------------+-------------------------
 Hello,

 I noticed a CSS syntax error in `src/wp-admin/css/colors/_admin.scss` on
 line 72.
 I spotted this while reviewing [61480], but the error appears to exist
 independently of that changeset.

 The `content` property syntax is malformed. The `url()` function is
 missing its closing parenthesis `)`, and the subsequent characters seem to
 be a typo intended for the CSS content alternative text syntax.

 '''Current code (Line 72):'''
 {{{
 content:
 url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27
 #{url-friendly-color(variables.$form-checked)}%27%2F%3E%3C%2Fsvg%3E" / ';
 }}}

 '''Suggested fix:'''
 It should properly close the `url()` function and provide an empty string
 for the alternative text.
 {{{
 content:
 url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27
 #{url-friendly-color(variables.$form-checked)}%27%2F%3E%3C%2Fsvg%3E") /
 '';
 }}}

 Thank you.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/64502>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform