Sass Basics

Summary

Below you will find a collection of tutorials teaching the basics of Sass, the CSS extension language and preprocessor.

Before You Start

These tutorials assume you have a basic understanding of the terminal and CSS.

Tutorials

Introduction

• Why should I use Sass?
• The history of Sass

Setup

• Install Homebrew on macOS
• Install Chocolatey on Windows
• Install Sass
• How to run Sass
• How to use Sass in a web project

Sass Features

• Sass comments
• Sass variables
• Sass extend
• Sass nesting
• Sass partials and imports
• Sass source maps

Extra

• Minify CSS output using Sass
• Using Sass with Git

Notice any errors? Have other questions or suggestions? Send your comments and questions to contact@simpledev.io.