@extend
  • References/CSS/Sass/@-Rules and Directives

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

2025-01-10 15:47:30
@warn
  • References/CSS/Sass/@-Rules and Directives

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

2025-01-10 15:47:30
@for
  • References/CSS/Sass/@-Rules and Directives

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

2025-01-10 15:47:30
@while
  • References/CSS/Sass/@-Rules and Directives

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

2025-01-10 15:47:30
@debug
  • References/CSS/Sass/@-Rules and Directives

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

2025-01-10 15:47:30
@include
  • References/CSS/Sass/@-Rules and Directives

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

2025-01-10 15:47:30
@at-root
  • References/CSS/Sass/@-Rules and Directives

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

2025-01-10 15:47:30
@each
  • References/CSS/Sass/@-Rules and Directives

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

2025-01-10 15:47:30
@mixin
  • References/CSS/Sass/@-Rules and Directives

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

2025-01-10 15:47:30
@error
  • References/CSS/Sass/@-Rules and Directives

@error The @error directive throws the value of a SassScript expression as a fatal error, including a nice stack

2025-01-10 15:47:30