[wp-trac] [WordPress Trac] #29797: Proposal: Convert .css files to .sass

[WordPress Trac]

#29797: Proposal: Convert .css files to .sass
-------------------------+------------------------------------------------
 Reporter:  x2048        |       Owner:
     Type:  enhancement  |      Status:  new
 Priority:  normal       |   Milestone:  Awaiting Review
Component:  General      |     Version:  trunk
 Severity:  normal       |  Resolution:
 Keywords:               |     Focuses:  ui, rtl, administration, template
-------------------------+------------------------------------------------

Comment (by x2048):

 It appears that there already exist tools to produce idiomatic SCSS (that
 is, the outputted SCSS has nesting and reasonable grouping).

 The tool sass-convert (shipped with the Ruby version of sass, but *not*
 with the node-js version, AFAIK).

 It works out-of-the-box for almost all of Wordpress' CSS. The only
 exception are @keyframes directives, which can be handled separately.

 The Admin panel looks indistinguishable from before, which means the
 conversion was successful.
 This means that the task is reduced to "Review the generated SCSS and make
 sure it's usable.".

 I am attaching a trivial script to convert a folder into .SCSS

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