Friday, March 3, 2017

LESS - Import Options

In this chapter let's study about Import Options. LESS offers @import that allow style sheets to import both LESS and CSS style sheets.
The following tables lists the import directives that will be implemented in import statements.

S.N.Import options & Description
1 reference
It uses a LESS file only as reference and will not output it.
2 inline
It enables you to copy your CSS into the output without being processed.
3 less
It will treat the imported file as regular LESS file, despite whatever may be the file extension.
4 css
It will treat the imported file as regular CSS file, despite whatever may be the file extension.
5 once
It will imports the file only one time.
6 multiple
It will imports the file multiple times.
7 optional
It continue compiling even though the file to import is not found.
More than one keyword is allowed to use in @import statement, however you have to use commas to seperate the keywords.
For instance:
@import (less, optional) "custom.css";

No comments:

Post a Comment