Vinay Raghu

Hey! Thanks for the awesome article. Can you point to a resource where we can use uncss with a dynamic site? Like php or js-generated views?

I use a function to do mathy things.
margin: emCalc(10px) would return the em value for the px I use.

In the example of a mixin you have given above, I would have used a function.
Mixins, to me, generally give out a set of CSS rules.
Functions return values that are used inside of a property.

@extend and @include are a great source of confusion. If you have the same item being repeated multiple times (say 50 or above), using @extend could bloat up the selector list on your CSS. Its great for shortening the output and the browsers understand it better.

Unless you're debugging Sass, if you're debugging CSS, you might find it extremely difficult to locate the particular rule declaration.

Because of this same reason, @extend does not work well for grid scss files.
Sometimes it makes more sense to use an @include when you want the output to be together.

ctrl-shift-g works for me on both Ubuntu and windows. I have emmet installed.