[Solved] Lets Learn SASS together.

If you don’t already use it for your CSS then you’re missing out – SASS will enable you to save time both in terms of creating and editing your CSS, plus it just feels right when you’re coding.

Chris’s awesome video (go to Videos on here) all about Codekit is uber helpful so I’d recommend you view it, but for those getting into or already using it, I figured a snippets thread would come in handy.

So here are some snippets I’ve made for my workflow, with instructions on how to use them in your .scss files that will output all the CSS you need. The added benefit is that you won’t even need to worry about vendor prefixes, it’s all taken care of in the mixin.

This is genius. Expect me to contribute as soon as I got my Mac set up again this week (thanks to Chris’ video on Codekit, I realized that software vendors don’t care about Windows users much and that the best development software is Mac only)! ;)

@senff >.< ewww macs...
I’ve been learning LESS and it seems very similar to SASS, but so far from your examples it seems like a little less work in that I don’t need to use “@mixin” or “@include”. LESS’s version of a mixin is just like another class name which you add inline, so something like this (borrowing from your first example):

@chriscoyier – I also have COMPASS but my understanding is that it comes with a lot of stuff – similar to other bootstraps I don’t find it super appealing because I spend alot of time battling with and trying to understand another persons code rather than having full 100% control from start to finish. Though I think longtime you’re probably right that having a core base is the best way forward.

@johhuanhibbert – Absolutely, because I am terrible at it!

@JoshWhite – It’s definitely worth it, I’ve been running 4 projects simultaneously and finally just forced myself to use it. I actually started by going back into a small site that I was making and rewriting the CSS into SASS – trial and error for the win.

SASS definitely seems cooler (due to compass) than LESS, based on the information I’ve gathered.

@joshuanhibbert @andy_unleash it should probably be called “Get good at Git”. People use the word Github like it’s a thing on it’s own :p
After some time, I’d say I’m pretty comfortable with Git now. If any of you need some help setting it up or understanding what exactly is going on I’m sure I could help.

Tips

Categories

We have a pretty good* newsletter.

Email Address

CSS-Tricks* is created, written by, and maintained by Chris Coyier and a team of swell people. It is built on WordPress, hosted by Media Temple, and the assets are served by MaxCDN. The fonts are Source Sans Pro and Source Code Pro. It is made possible through sponsorships from products and services we like.