Learn Sass #2

This repo is a simple playground to learn and practice more about SASS using this playlist by The Net Ninja.

Sass is a stylesheet language that’s compiled to CSS. It allows you to use variables, nested rules, mixins, functions, and more, all with a fully CSS-compatible syntax. Sass helps keep large stylesheets well-organized and makes it easy to share design within and across projects.

Contents

• What is SASS?
• Download & Compiling SASS
• SASS Variables
• Nesting Styles
• Mixins
• Importing Files
• Pseudo Classes
• Mathematical Operators
• Creating a Grid with SASS Math
• Colour Functions
• The @Content Keyword
• If Statements

Usage

Installation

Install the dependencies (gulp, gulp-sass, browser-sync)

npm install

Run

This will watch your sass files, compile them and run your dev server at http://localhost:3000

npm start