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.