📖 Mobile First Web Design /
Module: Appendix: SCSS Preprocessor

What is CSS preprocessor?

  1. Preprocessing 60%
  2. Preprocessor options 60%
  3. Nested style 60%
  4. SCSS Variable 60%
  5. SCSS mixin 60%
  6. Using loop to define grid 60%

📖 Mobile First Web Design / Appendix: SCSS Preprocessor / What is CSS preprocessor?

Preprocessing

We may get help from CSS Preprocessors. They enchance the CSS with a couple of handy features. Here are common features that preprocessors provides:

  • variables
  • functions (mixin)
  • nested selectors
Tools

For the tools to compile the code into CSS, we need tool. Someone may favour command-line tool and some may favour GUI ones. Here are the GUIs.


And here is the command-line tools.

Codepen

Codepen also provides both compiled CSS and SCSS in their editor.

←Prev Next→

 

You’re reading What is CSS preprocessor? in Appendix: SCSS Preprocessor