Skip to content

Instantly share code, notes, and snippets.

@sunnywx
Forked from jareware/SCSS.md
Created July 11, 2018 14:09
Show Gist options
  • Select an option

  • Save sunnywx/087ebdd9859382d8fcb48678e362d24b to your computer and use it in GitHub Desktop.

Select an option

Save sunnywx/087ebdd9859382d8fcb48678e362d24b to your computer and use it in GitHub Desktop.
Advanced SCSS, or, 16 cool things you may not have known your stylesheets could do

N cool things you may not have known about SCSS

Things you probably knew already...

...but are always worth mentioning, because they're incredibly cool compared to vanilla CSS:

Placeholder selectors

Prefixing parent selector references

The list data type

Color arithmetic

Defining custom functions

Keyword arguments

Variable interpolation in selectors

...or almost anywhere else, for that matter.

Variable defaults

Media query bubbling

Media query nesting

Extending classes

...with multiple inheritance.

Control directives

Argument defaults for functions/mixins

Variable arguments for functions/mixins

...and expanding and/or extending during further calls.

Content block arguments for mixins

Math (and other) functions

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment