Sunday, March 12, 2017

Sass - @-Rules and Directives

The following table lists all the rules and directives which you can use in SASS.
S. No. Directives & Description
1 @import It imports the SASS or SCSS files, it directly takes the filename to import.
2 @media It sets the style rule to different media types.

3 @extend @extend directive is used to share rules and relationships between selectors.
4 @at-root @at-root directive is a collection of nested rules, which is able to make style block at root of the document.
5 @debug @debug directive detects the errors and displays the SassScript expression values to the standard error output stream.
6 @warn @warn directive is used to give cautionary advice about the problem; it displays the SassScript expression values to the standard error output stream.
7 @error @error directive displays the SassScript expression value as fatal error.

No comments:

Post a Comment