Sass — Get Started

Installation

npm install -g sass

Compile Sass

sass input.scss output.css

Watch Files

sass --watch input.scss:output.css

Project Structure

project/
├── css/
│   └── style.css
├── scss/
│   ├── main.scss
│   ├── _variables.scss
│   └── _mixins.scss
└── index.html

First Sass File

// scss/main.scss
@import 'variables';
@import 'mixins';

.container {
  width: 100%;
  color: $primary-color;
}

HTML Link

<link rel="stylesheet" href="css/style.css">

Mini Practice

1. Install Sass
2. Create .scss file
3. Compile to CSS
4. Link in HTML

Up Next

Continue with Installation — detailed setup.