Using Plunker With LESS

July 19th 2014 - KyleMit

According to this update, it's now possible to use compiled languages like LESS with plunker

According to the Client Side Usage from the Less Documentation, you should do the following:

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet/less" type="text/css" href="style.less">
    <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.7.3/less.min.js"></script>
  </head>
  <body>
  </body>
</html>

`styles.less` #

Here's a super simple example of a less file that will change the background color bright red

@background-color: red;
body { background: @background-color; }

Here's an example in plunker #

If it's not showing up for whatever reason, then you probably have a compile error in your less, which will cause the entire sheet to not be delivered. You can check by copying and pasting your code into a online LESS compiler and seeing if it spits out any errors.

Using Plunker With LESS

styles.less #

Here's an example in plunker #

`styles.less` #