🎨 Sass: skillset for self-check
Tags: css, webdev, sass
Published: 2021-02-01 20:40:03

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/255fxn1wh9n0yg2ybkrp.PNG)

Here is a leaning materials to learn Saas: a CSS preprocessor for decreasing routine operations

# [Skills tree Sass: CSS preprocessor](https://infinite.education/expertise/sass_css_preprocessor)

## **[Sass syntax](https://infinite.education/view/sass_syntax)**

`Documentation` [Sass: Syntax](https://sass-lang.com/documentation/syntax)

`Guide` [Sass: Sass Basics](https://sass-lang.com/guide)

`Article` [Sass - Syntax - Tutorialspoint](https://www.tutorialspoint.com/sass/sass_syntax.htm)
* **How Sass parses a Stylesheet**

`Documentation` [Sass: Parsing a Stylesheet](https://sass-lang.com/documentation/syntax/parsing)
* **Sass: Structure of a Stylesheet**

`Documentation` [Sass: Structure of a Stylesheet](https://sass-lang.com/documentation/syntax/structure)
* **Sass: writing comments**

`Documentation` [Sass: Comments](https://sass-lang.com/documentation/syntax/comments)

* **Sass: Special Functions**

`Documentation` [Sass: Special Functions](https://sass-lang.com/documentation/syntax/special-functions)

## **[Sass: style rules](https://infinite.education/view/sass_style_rules)**

`Documentation` [Sass: Style Rules](https://sass-lang.com/documentation/style-rules)

`Guide` [Sass Style Guide](https://css-tricks.com/sass-style-guide/)
 * **Sass: Property Declarations**

`Documentation` [Sass: Property Declarations](https://sass-lang.com/documentation/style-rules/declarations)
* **Sass: Parent Selector**

`Documentation` [Sass: Parent Selector](https://sass-lang.com/documentation/style-rules/parent-selector)
* **Sass: Placeholder Selectors**

`Documentation` [Sass: Placeholder Selectors](https://sass-lang.com/documentation/style-rules/placeholder-selectors)
* **Sass: Variables**

`Documentation` [Sass: Variables](https://sass-lang.com/documentation/variables)

## **[Saas: At-rules](https://infinite.education/view/saas_at-rules)**

`Documentation` [Sass: At-Rules](https://sass-lang.com/documentation/at-rules)
* **Saas: @use**

`Documentation` [Sass: @use](https://sass-lang.com/documentation/at-rules/use)
* **Saas: @forward**

`Documentation` [Sass: @forward](https://sass-lang.com/documentation/at-rules/forward)
* **Saas: @import**

`Documentation` [Sass: @import](https://sass-lang.com/documentation/at-rules/import)
* **Saas: @mixin**

`Documentation` [Sass: @mixin and @include](https://sass-lang.com/documentation/at-rules/mixin)
* **Saas: @function**

`Documentation` [Sass: @function](https://sass-lang.com/documentation/at-rules/function)
* **Saas: @extend**

`Documentation` [Sass: @extend](https://sass-lang.com/documentation/at-rules/extend)
* **Saas: @error**

`Documentation` [Sass: @error](https://sass-lang.com/documentation/at-rules/error)
* **Saas: @warn**

`Documentation` [Sass: @warn](https://sass-lang.com/documentation/at-rules/warn)
* **Saas: @debug**

`Documentation` [Sass: @debug](https://sass-lang.com/documentation/at-rules/debug)
* **Saas: @at-root**

`Documentation` [Sass: @at-root](https://sass-lang.com/documentation/at-rules/at-root)

* **Saas: Flow Control Rules**

`Documentation` [Sass: Flow Control Rules](https://sass-lang.com/documentation/at-rules/control)

`Tutorial` [Sass - Control Directives & Expressions - Tutorialspoint](https://www.tutorialspoint.com/sass/sass_control_directives_expressions.htm)

## **[Saas: values](https://infinite.education/view/saas_values)**

`Article` [Sass Variables](https://www.w3schools.com/sass/sass_variables.asp)
* **Saas: numbers**
* **Saas: strings**
* **Saas: colors**

 -- `Article` [SCSS Color Variables](https://htmlcolorcodes.com/tutorials/scss-color-variables/)
* **Saas: Lists**
* **Saas: maps**
* **Saas: booleans**
* **Saas: null**
* **Saas: functions**

## **[Saas: operators](https://infinite.education/view/saas_operators)**

`Documentation` [Sass: Operators](https://sass-lang.com/documentation/operators)
* **Saas: Equality Operators**

`Documentation` [Sass: Equality Operators](https://sass-lang.com/documentation/operators/equality)
* **Saas: Relational Operators**

`Documentation` [Sass: Relational Operators](https://sass-lang.com/documentation/operators/relational)
* **Saas: Numeric Operators**

`Documentation` [Sass: Numeric Operators](https://sass-lang.com/documentation/operators/numeric)
* **Saas: String Operators**

`Documentation` [Sass: String Operators](https://sass-lang.com/documentation/operators/string)
* **Saas: Boolean Operators**

`Documentation` [Sass: Boolean Operators](https://sass-lang.com/documentation/operators/boolean)

## **[Saas: Built-In Modules](https://infinite.education/view/saas_built-in_modules)**

`Documentation` [Sass: Built-In Modules](https://sass-lang.com/documentation/modules)
* **Saas build-in modules: sass:color**

`Documentation` [Sass: sass:color](https://sass-lang.com/documentation/modules/color)
* **Saas build-in modules: sass:list**

`Documentation` [Sass: sass:list](https://sass-lang.com/documentation/modules/list)
* **Saas build-in modules: saas:map**

`Documentation` [Sass: sass:map](https://sass-lang.com/documentation/modules/map)
* **Saas build-in modules: saas:math**

`Documentation` [Sass: sass:math](https://sass-lang.com/documentation/modules/math)
* **Saas build-in modules: saas:meta**

`Documentation` [Sass: sass:meta](https://sass-lang.com/documentation/modules/meta)
* **Saas build-in modules: saas:selector**

`Documentation` [Sass: sass:selector](https://sass-lang.com/documentation/modules/selector)
* **Saas build-in modules: saas:string**

`Documentation` [Sass: sass:string](https://sass-lang.com/documentation/modules/string)

## **[Saas: Javascript API](https://infinite.education/view/saas_javascript_api)**

`Documentation` [Sass: JavaScript API](https://sass-lang.com/documentation/js-api)