@for The @for directive repeatedly outputs a set of styles. For each repetition, a counter variable is used to adjust

@extend There are often cases when designing a page when one class should have all the styles of another class, as well as its

@warn The @warn directive prints the value of a SassScript expression to the standard error output stream. It’s useful

@while The @while directive takes a SassScript expression and repeatedly outputs the nested styles until the statement

@debug The @debug directive prints the value of a SassScript expression to the standard error output stream. It’s

Including a Mixin: @include Mixins are included in the document with the @include directive. This takes the name

@at-root The @at-root directive causes one or more rules to be emitted at the root of the document, rather than being

@each The @each directive usually has the form @each $var in <list or map>. $var

Defining a Mixin: @mixin Mixins are defined with the @mixin directive. It’s followed by the name of the mixin and

@import Sass extends the CSS @import rule to allow it to import SCSS and Sass files. All imported SCSS and Sass files