27 Comments


  1. What happens if a theme / framework is using .less already? Will there be a conflict?


  2. @Donna Fontenot – By the sounds of it, this is only for the admin css, which lives independently of any theme css / less.

    If you have a plugin that adds css to the admin, I imagine it will need to be updated for mp6 anyway, but I can’t imagine that there will be any conflict, given that SASS/LESS etc are all compiled to css before being used.

    Really, for end users and most developers, this change won’t affect you at all.

    :)


  3. Doesn’t require Ruby (yet?) but requires Node.js to compile SASS as I understand it. That’s a *massive* dependency.



  4. @Ozh – I imagine they may adopt/fork phpsass for this.

    Disclaimer: Haven’t read the discussions about how compiling would be handled. Just throwing what I’m aware of out there. :)

  5. Mike Perlman

    LESS would have been more! Teenagers!


  6. I would love to find out more about the internal debate on why they chose SASS over LESS. What the reasons were? Maybe even an insight into the planning for the future? Will there be a library of SASS mixins that they will make available?


  7. From the make/core discussion and for clarification, WP wouldn’t compile CSS on the fly. Sass files would be used in development, but all releases would have the actual complied CSS files. MP6 used this idea—from an user’s perspective, it is all CSS. Only if you’re a dev contributing to the project will the preprocessor be an issue.


  8. @Jason Resnick – silent extends, for loops, conditional statements, sass syntax, dynamic code generation… In my opinion, SASS is one step closer to a scripting language than LESS is, and more familiar to both PHP programmers (in syntax) and those who don’t want to get into a preprocessor (with SCSS syntax).
    There is also no equivalent to COMPASS in LESS. Just like WP pretty much depends on jQuery, I see compass becoming an essential tool for extending the capabilities of the platform.
    @Ozh – It definitely is a dependency, but it won’t impact anyone downloading the package. Just like core is now in grunt, you don’t need NodeJS to run WP, and, like @Adrian said, the CSS from core will already compiled.

    I’m super excited for this and can’t wait to see if they open it up for plugins to hook into core variables and slim down the number of CSS files

  9. Andreas Nurbo

    i personally use Stylus.


  10. Exciting to hear that WordPress has adopted sass. Consider using Bourbon as a mixin library. Bourbon is written entirely in Sass, so it can be used anywhere sass can be compiled—meaning it doesn’t have ruby as a dependency. It works out of the box with grunt-sass (libsass).

    Bourbon also has an easy to use grid framework built for sass, Neat — http://neat.bourbon.io


  11. @Jason Resnick – Yeah almost definitely. Just like jQuery, Compass is a huge library that you can find in most projects, it has a huge community behind it and really good docs. @Philip LaPier makes a good point on Bourbon, which is also awesome. I just think compass has more popularity behind it right now.


  12. @Donna Fontenot -Shouldn’t be at all as the source files would be different and compilers usually expect the source to have the relevant extension (.sass/.sccs or .less)


  13. Awesome! I would have preferred LESS tho – easier for non-coders and already has PHP support. But really pleased they’ve chosen to include one.

  14. Wraith

    People are asking why Sass over Less. The answer is the developer who handled the CSS for MP6 chose. Work done is better than potential work. It had nothing to do with the debate. It’s a good step forward.

  15. Sam

    @Ozh – My thoughts exactly. Don’t get why one is a better dependency than the other…

  16. Wraith

    @ozh @sam less has the same dependency as grunt (node) but sass has an extra one, ruby. I thought it was hard to set up, but it isn’t. In the future (once sasslib is stable) ruby won’t be needed. (I don’t think core’s build is using sasslib yet, I didn’t check.)

    The build system is node/grunt, which was decided before/independently from the discussion of preprocessors. The choice of less/sass didn’t affect the adoption of node/grunt.

    The adoption of sass does impact contributors who are working on CSS patches, they’ll have to set up node (and ruby in the short term) but it won’t affect anyone else. I’ve tried to make the case that these are fairly entry level requirements for professional frontend devs, so it’s not too burdensome.

    My general sense of where the lead devs are at, is that if it turns out that installing node/ruby prevents contributions, they might abandon the preprocessor idea.

  17. Flick

    Perhaps this gives the rest of us the perfect push to start learning about preprocessors… have been putting it off a little you see ;)


  18. Is there a definitive guide to installing Sass for someone running Xampp on localhost, using Sublime editor and using Sass for the first time? I have all three installed, implemented all the Sublime plugins but still cannot get the Style.css file to save in the theme folder?

    Brother in law told me to look into Bones which apparently has their own method but it would be great if someone has THE definitive guide?

    Thanks ;)

  19. Jen

    @James – just go to The Sass Lang site for a guide on Sass installation. It’s not hard at all. Personally, I use Codekit for auto-compile on projects that I run through MAMP, but there are a myriad of different workflows (including the direct-in-browser capabilities of Chrome Developer Tools) available for working with Sass.


  20. Like James I tried that with XAMPP and WP3.8, and it did not worked.
    How to get child theme .scss processed?

    If there is no dependency, SASS sheets should work out of the box, but they do not.

    Jen’s advice does not work, since I do not have to install anything else if there is no dependency, and SASS manual for Windows gives you “install ruby” instruction.


  21. @James & @ommunist – if those tools are giving you trouble setting up, you can go straight into the command line.
    If you’re on a mac/linux installing sass is super easy. Open up your Terminal and use:
    gem install sass
    (you might have to do sudo gem install sass)
    If you’re on windows, you’ll need to install Command Prompt with Ruby, then run the command through that program

    Once you’re installed, you just cd to your working directory and compile your sass files with the ‘sass’ or ‘sass –watch’ commands as described here: http://sass-lang.com/documentation/file.SASS_REFERENCE.html#using_sass

    Have your theme enqueue the CSS files and you’ll be running smooth :D

  22. needmorecoffee

    This is very interesting news!

    I’m wondering. But if I’m a theme developer, and want to compile straight from server, is that going to be possible? in other words, I edit my .sass files, upload them to server, then WordPress will compile my .sass stylesheet and output the necessary .css stylesheet(s) to browser? or do I have still to compile everything locally then upload? I’d prefer the first case, seems more automatic to me… I do it already in less using wp-less, a plugin built on phpless



Comments are closed.