LESS.js Hello world

Categories: JavaScript; Tagged with: ; @ November 6th, 2013 23:58

What is Less?

LESS extends CSS with dynamic behavior such asvariables, mixins, operations and functions.

Less Hello world


@header-color: #FFF000;
h1 {
  border: black dashed 2px;
  color: @header-color;

for more syntax or functions: http://lesscss.org/#reference


    <link rel="stylesheet/less" type="text/css" href="./css/src/style.less" />
    <script src="./lib/less/less-1.5.0.min.js" type="text/javascript"></script>




IntelliJ Idea Less compiler plugin:


The must-have plugin if you are using Less.js and IntelliJ!

what you need to do is install the plugin, and config it. after you finished, it’ll compile the .less to .css every time you modify the .less.



// Proudly powered by Apache, PHP, MySQL, WordPress, Bootstrap, etc,.