Join Morten Rand-Hendriksen for an in-depth discussion in this video Setting up an Autoprefixer task, part of WordPress: Developing with Sass and Grunt.js.
- At this point, you're probably thinking…haha, everything works, we are done…and I am ready to start writing my Sass.…And you can, everything is done and everything works,…but there's one more thing I want to show you.…A really cool extra tool that I've referenced previously…but I haven't used yet.…You'll remember in our Node Modules…we installed Sass, Watch, Grunt,…and something called autoprefixer.…And I mentioned all the way at the beginning of the course…that we'd learn to use Sass for what it's best for…which is variables and mix-ins…and nesting and all this kind of stuff.…
But when it comes to autoprefixing CSS…for browsers that don't support specific functions…we don't want to use CSS, instead we want…to use the autoprefixer.…So let me briefly show you how that works.…Now for this all to work we need…to write a tiny, tiny, tiny little bit of CSS first.…So I'm going to build something new…inside our Sass folder in the way…that you probably would, too.…So I'll start out by going to the layout folder here,…
Note: This course doesn't teach Sass itself. To learn more about the language, watch CSS with LESS and Sass.
- Setting up your development environment
- Installing Node.js, Ruby, Grunt, and Sass
- Setting up Grunt and Sass on Mac and Windows
- Adding support to Grunt, Sass, Watch, and Autoprefixer in WordPress
- Building custom themes with _s and Sass