(click anywhere to close)
OPEN MENU

The Guide to SASS

category: Website | course: SASS | difficulty:
IN PRINT
QUICK CONTENTS:Intro
1. Table of Contents

With CSS you can already do amazing things, but some crucial features are missing. Have you ever typed the same values for something ten times in a row, and wished you could have just saved it once in a variable? Have you ever wished you could take an existing value and dynamically add 10 pixels to it? Well, all of that (and more) can be done with SASS.

SASS stands for Syntactically Awesome Style Sheets, and it’s a so-called CSS pre-processor. This simply means that you can write something in SASS-syntax, and then compile or output the file to regular CSS. This way, you can use very powerful variables and extra functions that SASS provides while you’re editing the stylesheet – simplifying your life. Additionally, you can choose how to compile the stylesheet to save space and bandwidth.

SASSWorkflowOverview

So, unless you’re a beginner and don’t know anything about CSS yet, there’s no reason not to learn SASS! It will make your life easier. And more fun. I promise. I really do.

Table of Contents

  1. Installation
  2. Compiling
  3. Variables
  4. Mixins
  5. Operators
  6. Import & Extend
  7. Nesting
  8. Functions
  9. Control Flow

 

CONTINUE WITH THIS COURSE
No previous post :( [SASS] Installation
Do you like my tutorials?
To keep this site running, donate some motivational food!
Crisps
(€2.00)
Chocolate Milk
(€3.50)
Pizza
(€5.00)