Less iscolor

Education is not limited to just classrooms. It can be gained anytime, anywhere... - Ravi Ranjan (M.Tech-NIT)

Less iscolor()

The Less color definition iscolor function takes a value as a parameter and returns TRUE if it is a color otherwise, returns FALSE.

iscolor() Function Example

Let's take an example to demonstrate the usage of iscolor color definition function in Less file.

Create a Less file named "simple.less", having the following code:

Less file: simple.less

  1. div {  

  2.     font:      iscolor(#ff0);      

  3.     background:      iscolor(blue);     

  4.     border:      iscolor("string");     

  5.     font:      iscolor(1234);    

  6.     background:      iscolor(56px);     

  7.     border:      iscolor(7.8%);    

  8.     border:      iscolor(keyword);               

  9. }  

Now open the node.js command prompt and execute the following code: lessc simple.less simple.css

Less is color defination1

This will compile the "simple.less" file. A CSS file named ?simple.css? will be generated.

For example:

Less is color defination2

The generated CSS "simple.css", has the following code:


Less is color defination3

  1. div {  

  2.   font: true;  

  3.   background: true;  

  4.   font: false;  

  5.   background: false;  

  6.   border: false;  

  7. }