CSS - Preprocessor

1 - About

A preprocessor takes an arbitrary source file and converts it into something that the browser understands.

Preprocessors implements features that browser doesn't support natively such as:

  • variables
  • CSS selectors nesting
  • module (template)
  • import without http request. See CSS - @import rule
  • vendor prefix grouping
  • Inheritance of properties (Same property for a message but different color for waning, info)
  • Mathematics Operators
In-browser preprocessor editing can be done with the following browser features:
  • local file editing (workspaces)
  • automatic reloading

3 - Example

  • Sass,
  • Less
  • and Stylus.

4 - Source Map

5 - Documentation / Reference

Data Science
Data Analysis
Data Science
Linear Algebra Mathematics

Powered by ComboStrap