Javatpoint Logo
Javatpoint Logo

Less Functions

A lot of functions such as round function, floor function, ceil function, percentage function etc. are supported in Less to manipulate colors and HTML elements aspects in style sheets. Less maps JavaScript code with manipulation of values and uses predefined functions.

Let's take an example to demonstrate the usage of Less functions:

Create a HTML file named "simple.html", having the following data.

HTML file: simple.html

Now create a file named "simple.less". It is similar to CSS file. The only one difference is that it is saved with ".less" extension.

Less file: simple.less

Put the both file "simple.html" and "simple.less" inside the root folder of Node.js

Now, execute the following code: lessc simple.less simple.css

Less function1

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

For example:

Less function2

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

Output:

Less function3



Please Share

facebook twitter google plus pinterest tumbler

Latest 4 Tutorials