Could someone who uses less regularly lay out the advantages over vanilla css? I see nesting and vender-prefix normalizing, but to me those are pretty small gains. I'm sure I'm missing something.
I mean...variables? Do you never have the same width in two places? That is so simple and so huge. Want to make your shade of green 5% darker? Don't look up a new hexadecimal, just say darken(green,5%).
Make a button "class" where the only input is a color, and it automatically generates a cross-browser rounded-corner button with a slight gradient to 10% darker color, 20% darker border, with 20% lighter inset box shadow.
Really. You will not go back.
I also find that just due to the nature of the nesting, I'm writing much tidier CSS as a result.
I also force myself to add hover states to all the links, even if the client didn't specify it in the designs. Being able to use something like:
@link_color: #ffcc66; @link_hover: darken(@link_color, 15%);
is a HUGE perk.
don't think it touches vendor prefixes.