Skip to main content
pelatihan
.org
Learn. Practice. Grow.
Category
EN
Sign in
Sign up
Menu
SASS Curriculum: 2 Chapters, 15 Lessons — pelatihan.org
Home
/
Catalog
/
SASS
/
Curriculum
Curriculum
SASS Curriculum
Learn SASS online with 15 structured lessons, code examples, and 75 quiz questions.
15 lessons
2 chapters
75 questions
Summaries and key points are free to preview. Full lessons, code examples, and quizzes require a subscription.
01
Sass Tutorial
8 lessons
01
Sass HOME
Sass (Syntactically Awesome Style Sheets) is a CSS preprocessor that adds features such as variables, nesting, mixes, and function to regular CSS. With Sass, you write more…
02
Sass Intro
Sass introduced the concepts of variables, nesting rules, mixes, extends, and function into the writing of stylesheets. Browser support is indirect, as the Sass file must first…
03
Sass Installation
Sass can be installed in several ways depending on the tool used. The most common way is to install an npm package called sass and run it through CLI, but there are also desktop…
04
Sass Variables
The Sass variable keeps values such as colors, fonts, or spaces in one place with the prefix dollar sign. The values can be used repeatedly and modified centrally to make the…
05
Sass Nesting
Nesting allows you to write selectors within other selectors following the HTML structure so that the stylesheet reads more intuitively. Sass also supports parent selectors with…
06
Sass @import
Sass provides the @use and @import rules to break the stylesheet into several partial files. @use is recommended because it imports modules once and gives namespace to variables…
07
Sass @mixin
A mixin is a CSS rule block that can be defined once and then inserted multiple times with @include. Unlike function, the mixin produces CSS declarations such as property or…
08
Sass @extend
The @extend rule allows one selector to inherit the entire rule from another selector so that the rule is grouped into one list of selectors in the resulting CSS. This method is…
02
Sass Functions
7 lessons
01
Sass String
Sass provides many built-in function to work with text, including unquote, quote, str-length, str-index, str-insert, to-upper-case, and to-lower-case. Strings are useful when…
02
Sass Numeric
Sass numerics help with mathematical calculations and numerical derivations, such as percentage, round, ceil, floor, abs, min, and max. The percentage value is often used in…
03
Sass List
Sass treats multiple values as lists, i.e. a collection of items separated by spaces or commas. Built-in lists such as length, nth, set-nth, join, append, index, and separator…
04
Sass Map
A map is a key-valued data structure that allows for organized, dictionary-like access to data. Built-in map-get takes values based on the key, while map-merge and map-remove…
05
Sass Selector
The Function selector allows manipulating the selector as a data string, for example selector-unify to combine two selectors, selector-append to add suffix, and selector-nest to…
06
Sass Introspection
Introspection helps recognize current data types and structures, such as type-of for data types, units for units of numbers, variables-exists to check for the existence of…
07
Sass Color
Sass provides many built-in colors for changing such as hue, saturation, lightness, lighten, darken, saturate, desaturate, and adjust-hue. This makes it easy to make color…