[wp-trac] [WordPress Trac] #49001: Theme Editor — Stylesheet — Validation

[WordPress Trac]

#49001: Theme Editor — Stylesheet — Validation
-------------------------------------------------+-------------------------
 Reporter:  douglasuk                            |      Owner:  (none)
     Type:  defect (bug)                         |     Status:  new
 Priority:  normal                               |  Milestone:  Awaiting
                                                 |  Review
Component:  Administration                       |    Version:  5.3
 Severity:  normal                               |   Keywords:
  Focuses:  css, administration, coding-         |
  standards                                      |
-------------------------------------------------+-------------------------
 Valid CSS is not being recognised and is raising validation errors. There
 are two instances being reported here.

 {Urgency: low; impact: low (workaround clear); functionality: unaffected}

 **(1) padding-inline-start**

 This is valid CSS [https://www.w3.org/TR/css-logical-1/#padding-
 properties] but is not being recognised. Perhaps other padding names are
 also not recognised; I have not checked.

 ''Example:''
 {{{
 .wp-block-latest-posts.wp-block-latest-posts__list {
         padding-inline-start: 5%;
 }
 }}}
 Causes a warning message "Unknown property 'padding-inline-start'".


 **(2) CSS variable setting and usage is not being recognised.**

 Setting a variable causes an error which has to be overridden every time
 the css is saved. Using the variable causes warnings. Both of these are
 valid CSS [https://www.w3.org/TR/css-variables-1/]

 ''Examples:''
 ''Setting a variable:''
 {{{
 :root {
         --theme-color: #00b359;
 }
 }}}
 Results in error "Expected RBRACE at line x col x."
 This causing an error rather than, perhaps, a warning about using advanced
 features, is a particular issue.

 ''Using a variable:''
 {{{
 .some_box {
         background-color: var(--theme-color)
 }}}
 Results in warning "Expected (<color>) but found 'var(--theme-color)'"

 {{{
 .some_box {
         border-color: var(--theme-color)
 }}}
 Results in warning "Expected (<color>{1,4}) but found 'var(--theme-
 color)'"

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