Installing and using LESS.(PART- 3)
Hello readers, I am back here witht the lasst part of installation of the LESS.
This lesson also includes the details about the different features of LESS.
Now, In a moment we are about to start with part-3
This lesson also includes the details about the different features of LESS.
Escaping
Want to include the non valid css sytax or text that LESS doesn't recognize. LESS has a solution for that also.It may be some crazy Microsft Hack or may be some easter egg you want to place.You can use escaping To avoid throwing errors and breaking LESS..class {
filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=20)";
}
/* Will actually be outputted like this: */
.class {
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
}
Importing
Importing is pretty standard, too. The standard @import: 'classes.less'
; works just fine. If, however, you’re importing another LESS file, then the file extension is optional, so @import 'classes'
; would work as well. If you want to import something without LESS processing it, you can use the .css extension (for example, @import: 'reset.css';)
.If you want to go further links of the other two parts are
Installing and using LESS.(PART- 1)
Installing and using LESS.(PART- 2)
Other links related to LESS are here
Introduction
Difference between LESS and CSS
If you like this please share and like the blog and subscribe to the blog also.
Comments
Post a Comment