[wp-trac] [WordPress Trac] #42528: Customizer CSS can’t save CSS grid

WordPress Trac noreply at wordpress.org
Mon Nov 13 10:27:40 UTC 2017


#42528: Customizer CSS can’t save CSS grid
--------------------------+-----------------------------
 Reporter:  kittmedia     |      Owner:
     Type:  defect (bug)  |     Status:  new
 Priority:  normal        |  Milestone:  Awaiting Review
Component:  Customize     |    Version:  4.9
 Severity:  normal        |   Keywords:
  Focuses:                |
--------------------------+-----------------------------
 I tried to insert the following CSS code in the Customizer custom CSS:

 {{{
 .footer-widgets {
         display: -ms-grid;
         display: grid;
         grid-gap: 1px;
         -ms-grid-columns: ( 1fr )[3];
         grid-template-columns: repeat(3, 1fr);
         -ms-grid-rows: ( 150px )[2];
         grid-template-rows: 150px 150px;
 }
 }}}

 I receive the following three errors in the editor field and can’t save
 it:
 Unexpected token '(' at line 5, col 20.
 Expected BRACE at line 6, col 35.
 Unexpected token '(' at line 7, col 17.

 Even if the code itself is fully correct and works in different browsers,
 it can‘t be used within the Customizer custom CSS.

 I know that the first and the third error message refers to an old syntax
 of Internet Explorer 10 and 11, however it is still needed to support CSS
 grid on these platforms. The second error message refers to the “1fr”
 keyword, which is defined in the current CR from the W3C:
 https://developer.mozilla.org/de/docs/Web/CSS/grid-template-columns

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


More information about the wp-trac mailing list