Less Basic Tutorial
Language Features
Functions
Usage
Less Useful Resources
Selected Reading
Language Features
- Less - Parent Selectors
- Less - Merge
- Less - Loops
- Less - CSS Guards
- Less - Mixin Guards
- Less - Import Options
- Less - Import Directives
- Less - Passing Rulesets to Mixins
- Less - Mixins as Functions
- Less - Parametric Mixins
- Less - Mixins
- Less - Extend
- Less - Variables
- Less - Importing
- Less - Comments
- Less - Scope
- Less - Namespaces and Accessors
- Less - Functions
- Less - Escaping
- Less - Operations
- Less - Nested Directives and Bubbling
- Less - Nested Rules
Functions
- Less - Color Blending Functions
- Less - Color Operation
- Less - Color Channel Functions
- Less - Color Defination Functions
- Less - Type Functions
- Less - Math Functions
- Less - List Functions
- Less - String Functions
- Less - Misc Functions
Usage
- Less - Frameworks
- Less - Third Party Compilers
- Less - Editors and Plugins
- Less - GUIs
- Less - Online Compilers
- Less - Programmatic Usage
- Less - Plugins
- Less - Browser support
- Using Less In The Browser
- Less - Command Line Usage
Less Useful Resources
Selected Reading
- Who is Who
- Computer Glossary
- HR Interview Questions
- Effective Resume Writing
- Questions and Answers
- UPSC IAS Exams Notes
Less - Third Party Compilers
LESS - Third Party Compilers
Node.js Compilers
Following are the Node.js compilers used for LESS.
Grunt is a Node task runner. It will compile your stylesheets every time you commit changes to your LESS files.
assemble-less is a powerful grunt plugin for compipng LESS file to CSS. The less task pulls JSON and Lo - dash(underscore) template for defining the LESS bundles, UI components, compressed stylesheets or themes.
It is LESS plugin for Gulp. gulp-minify-css is used to minify your CSS. gulp-sourcemaps is used to generate the sourcemaps pbrary.
It is an open-source tool which is built on LESS and helps in optimizing your CSS code. It keeps the CSS code error free, clean and manageable.
It is a .less file watcher. It contains dependency tracking and Cross-platform notification.
It is used to allow the processing for connect JS framework of LESS files. It compiles source file on request and cache the compiled data for next request.
Other Technologies
Following are a few othertechnologies that help you compile a LESS code.
Wro4j Runner CLI
You can download the and can compile your LESS code in CSS by using the following command −
java -jar wro4j-runner-1.5.0-jar-with-dependencies.jar --preProcessors lessCss
You can visit the following pnk to know more about
CSS::LESSp
This module is used to parse and compile the LESS file into CSS file. Following is the command used to compile −
lessp.pl styles.less > styles.css
You can visit the following pnk to know more about
Windows Script Host
Following is the command pne compiler that will run on windows.
cscript //nologo lessc.wsf input.less [output.css] [-compress]
OR
lessc input.less [output.css] [-compress]
You can visit the following pnk to know more about
dotless
The following is a command pne compiler to run dotless for windows.
dotless.Compiler.exe [-switches] <inputfile> [outputfile]
You can visit the following pnk to know more about
Advertisements