Preface

Sass (Syntactically Awesome Stylesheets) is a CSS extension language or preprocessor, which means that Sass or SCSS code compiles into static CSS code. Sass changes the way you write and maintain your CSS code; the final CSS code will be the same, although better organized in many situations.

Since the introduction of CSS3 in 2012, the role of CSS in modern web development has become more and more important. Nowadays, CSS3 is not only used to style your HTML documents, but it also plays an important role in the responsibility of your designs too. Last, but not least, CSS3 extends CSS with features such as animations and transitions.

Writing correct functional CSS code will be the first thing; keeping this code readable, working on all major browsers, and maintainable will be the second. CSS files grow and become untidy in the development and maintenance processes. CSS doesn't have the ability to modify existing values or reuse common styles. Also, doing the math or defining variables is not possible in CSS. This is where the Sass language comes into the frame.

The Sass language enables you to write your CSS code DRY (Do not Repeat Yourself) because it extends the CSS syntax with variables, mixins, functions, and many other techniques. Sass makes the CSS language is more maintainable, themeable, and extendable.

Also, others know the power of Sass. Projects such as Bootstrap 4 and the Foundation are built with Sass. These projects create clear and extendable Frameworks with Sass. Bootstrap chose Sass because of the increasingly large community of Sass developers. You can't ignore these proofs. Stop writing cumbersome CSS with bugs and browser defects and learn Sass by reading this book.

In this book, you will learn to write, compile, and understand the Sass language. It helps with faster and more cost-effective web development. You will get practical tips to integrate Sass in your current and new projects. After reading this book, you will write clear and readable CSS3 with Sass. Instead of spending your time debugging your complex CSS code for a specific device or browser, you could pay more attention to your real design tasks.

Your clients will be happy with your advanced and stable designs. Development and maintenance time, and therefore costs, shall decrease.

Sass is available for use and modification under the MIT License. You can use Sass free of charge.