Welcome! Sign In or Register
Your cart is empty

Learn | The ASP.NET Site Learn more


No matter the web application you are creating, ASP.NET has a solution for you: From Enterprise web applications targeting Windows Server, to small microservices targetin 11-26/4-3/11-26/4-13/4-13/MK-Handbags-Online-rid-0.html. michael kors outlet woodbury commonsg Linux containers, and everything in between.


ASP.NET is a mature web platform that provides all the services that you require to build enterprise-class server-based web applications using .NET on Windows.

Learn more ASP.NET Core

ASP.NET Core is a new open-source and cross-platform .NET framework for building modern cloud-based web applications on Windows, Mac, or Linux.

Learn more Free courses

Learn to build applications with ASP.NET and ASP.NET Core from various training providers for free. Start learning with videos, interactive tutorials, code samples and more.

Learn more
Learn more

michael kors outlet stores in southern california
michael kors factory outlet melbourne
michael kors outlet coupon code 2013 Getting Started Using Less Installation Command-line Usage Usage in Code Configuration Third Party Tools Client-side Usage Tips Browser Options Get Less Browser downloads Less CDN License FAQs Getting Started

Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themeable and extendable.

Less runs inside Node, in the browser and inside Rhino. There are also many 3rd party tools that allow you to compile your files and watch for changes. The quickest place for first experiments with Less is our online editor .

For example:

@base: #f938ab ; .box-shadow ( @style , @c ) when ( iscolor ( @c )) { -webkit-box-shadow : @style @c ; box-shadow : @style @c ; } .box-shadow ( @style , @alpha : 50% ) when ( isnumber ( @alpha )) { .box-shadow ( @style , rgba ( 0 , 0 , 0 , @alpha )); } .box { color : saturate ( @base , 5% ); border-color : lighten ( @base , 30% ); div { .box-shadow ( 0 0 5px , 30% ) } }

compiles to

.box { color : #fe33ac ; border-color : #fdcdea ; } .box div { -webkit-box-shadow : 0 0 5px rgba ( 0 , 0 , 0 , 0.3 ); box-shadow : 0 0 5px rgba ( 0 , 0 , 0 , 0.3 ); } Using Less

Less can be used on the command line via npm, downloaded as a script file for the browser or used in a wide variety of third party tools. See the Usage section for more detailed information.


The easiest way to install Less on the server, is via npm, the node.js package manager, as so:

$ npm install -g less Command-line Usage

Once installed, you can invoke the compiler from the command-line, as such:

$ lessc styles.less

This will output the compiled CSS to stdout . To save the CSS result to a file of your choice use:

$ lessc styles.less styles.css

To output minified CSS you can use the clean-css plugin . When the plugin is installed, a minified CSS output is specified with --clean-css option:

$ lessc --clean-css styles.less styles.min.css

To see all the command line options run lessc without parameters or see Usage .

Usage in Code

You can invoke the compiler from node, as such:

var less = require ( 'less' ); less.render( '.class { width: (1 + 1) }' , function ( e, output ) { console .log(output.css); });

which will output

.class { width : 2 ; } Configuration

You may pass some options to the compiler:

var less = require ( 'less' ); less.render( '.class { width: (1 + 1) }' , { paths : [ '.' , './lib' ], // Specify search paths for @import directives filename: 'style.less' , // Specify a filename, for better error messages }, function ( e, output ) { console .log(output.css); });

See Usage for more information.

Third Party Tools

See the Usage section for details of other tools.

Client-side Usage

Using less.js in the browser is great for development, but it's not recommended for production

Client-side is the easiest way to get started and good for developing with Less, but in production, when performance and reliability is important, we recommend pre-compiling using node.js or one of the many third party tools available .

To start off, link your .less stylesheets with the rel attribute set to " stylesheet/less ":

< link rel = "stylesheet/less" type = "text/css" href = "styles.less" />

Next, download less.js and include it in a <script></script> tag in the <head> element of your page:

< script src = "less.js" type = "text/javascript" > </ script > Tips Make sure you include your stylesheets before the script. When you link more than one .less stylesheet each of them is compiled independently. So any variables, mixins or namespaces you define in a stylesheet are not accessible in any other. Due to the same origin policy of browsers loading external resources requires enabling CORS Browser Options

Options are defined by setting them on a global less object before the <script src="less.js"></script> :

<!-- set options before less.js script --> < script > less = { env: "development" , async: false , fileAsync: false , poll: 1000 , functions: {}, dumpLineNumbers: "comments" , relativeUrls: false , rootpath: ":/a.com/" }; </ script > < script src = "less.js" > </ script >

Or for brevity they can be set as attributes on the script and link tags (requires JSON.parse browser support or polyfill).

< script src = "less.js" data-poll = "1000" data-relative-urls = "false" > </ script > < link data-dump-line-numbers = "all" data-global-vars = '{ myvar: "#ddffee", mystr: "\"quoted\"" }' rel = "stylesheet/less" type = "text/css" href = "less/styles.less" >

Learn more about Browser Options

Get Less Browser downloads Download less.js v2.7.2 Download Source Code

Get the latest Less source code by downloading it directly from GitHub.

Clone or Fork via GitHub

Fork the project and send us a pull request!

Install with Bower

Install less.js script by running the following in the command line:

bower install less Less CDN < script src = "//cdnjs.cloudflare.com/ajax/libs/less.js/2.7.2/less.min.js" > </ script > License FAQs

Less is released under the Apache 2 License ( though there are plans to dual license it ). Copyright 2009-2017, Alexis Sellier and the Less Core Team (see about). Boiled down to smaller chunks, it can be described with the following conditions.

It allows you to: Freely download and use Less, in whole or in part, for personal, company internal or commercial purposes Use Less in packages or distributions that you create It forbids you to: Redistribute any piece of Less without proper attribution It requires you to: Include a copy of the license in any redistribution you may make that includes Less Provide clear attribution to The Less Core Team for any distributions that include Less It does not require you to: Include the source of Less itself, or of any modifications you may have made to it, in any redistribution you may assemble that includes it Submit changes that you make back to the Less project (though such feedback is encouraged)

The full Less license is located in the project repository for more information.

 Learning Center Skip to content Search English English Español Français 日本語 Português—Brasil Deutsch Italiano 한국어 Nederlands Русский 中文(繁體)