From the course: CSS for Developers

Unlock this course with a free trial

Join today to access over 24,800 courses taught by industry experts.

Extend capabilities with a pre-processor

Extend capabilities with a pre-processor - CSS Tutorial

From the course: CSS for Developers

Extend capabilities with a pre-processor

- [Instructor] CSS preprocessors have been around for a long time. Think of it as an extension of a style sheet language that filled in some feature gaps not historically available to us in standard CSS. Things like using variables, mix-ins, which is a way to abstract common patterns and reuse them across a style sheet, functions, nesting, and more. The pre in preprocessor indicates that these things are happening before the styles are sent to the browser. They're typically compiled into standard CSS using some sort of a build tool or task runner. Now, you know at this point that modern CSS supports nesting. It also supports custom properties, which are essentially variables, and we do have native functions available for things like mathematical operations, color manipulation, and string handling. So this sort of begs the question, do we still need preprocessors? As usual, the answer is really up to you. My purpose in this lesson was to let you know about the existence of…

Contents