SASS compilation to CSS - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is SASS in web development?

SASS is a style sheet language that extends CSS with features like variables, nesting, and functions to make writing styles easier and more organized.

beginner

Why do we need to compile SASS to CSS?

Browsers only understand CSS, so SASS code must be converted (compiled) into plain CSS before it can be used on websites.

intermediate

Name two common ways to compile SASS to CSS.

1. Using the command line tool sass.<br>2. Using build tools like Webpack or Gulp with SASS plugins.

beginner

What command compiles a SASS file named style.scss to style.css?

The command is sass style.scss style.css. This converts the SASS file into a CSS file.

intermediate

What is the difference between .sass and .scss file extensions?

.scss uses CSS-like syntax with braces and semicolons.<br>.sass uses indentation without braces or semicolons.<br>Both compile to CSS the same way.

Which tool is used to convert SASS files into CSS files?

A SASS compiler

B HTML parser

C JavaScript engine

D Image optimizer

Only the SASS compiler converts SASS code into CSS that browsers can understand.

What file extension is commonly used for SASS files with CSS-like syntax?

A .css

B .js

C .scss

D .sass

.scss files use CSS-like syntax and are a popular SASS format.

Why can't browsers directly use SASS files?

A Browsers only understand CSS

B SASS files are too large

C SASS files are encrypted

D SASS files are images

Browsers only understand CSS, so SASS must be compiled to CSS first.

Which command compiles main.scss to main.css?

A sass main.css main.scss

B css sass main.scss

C compile sass main.css

D sass main.scss main.css

The correct syntax is sass input.scss output.css.

Which feature is NOT provided by SASS?

A Nesting selectors

B Running JavaScript code

C Functions

D Variables

SASS does not run JavaScript code; it only enhances CSS with style features.

Explain the process of converting SASS code into CSS that a browser can use.

Think about why browsers need CSS and what happens to SASS files before use.

List and describe two ways to compile SASS files into CSS files.

Consider simple commands and automated tools used in projects.