- Sass Tutorial
- Sass - Home
- Sass - Overview
- Sass - Installation
- Sass - Syntax
- Using Sass
- Sass - CSS Extensions
- Sass - Comments
- Sass - Script
- Sass - @-Rules and Directives
- Control Directives & Expressions
- Sass - Mixin Directives
- Sass - Function Directives
- Sass - Output Style
- Extending Sass
- Sass Useful Resources
- Sass - Interview Questions
- Sass - Quick Guide
- Sass - Useful Resources
- Sass - Discussion
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. |
Advertisements