Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Why won't LESS work on IE8?

I've been playing for a while now, but cannot get LESS working on IE 8!
I've made a very simple page to test it with.

Here is the HTML...

<!DOCTYPE html>
<html>

    <head>
        <link rel="stylesheet/less" href="css/v1.less">
        <script src="js/jquery.js"></script>
        <script src="js/less.js"></script>
    </head>

    <body>hello world!</body>

</html>

Here is the LESS...

@base_colour:red;

body {
  background:@base_colour;
}

This works with Firefox, but not on IE 8.

jQuery is working fine as I tested changing the background with $('body').css() and it worked in IE 8 no problems.

I tried adding type="text/css" to the link tags and going back to old school doctype, but it makes no difference.
Any pointers?

like image 256
Clarkey Avatar asked Dec 20 '22 00:12

Clarkey


1 Answers

On lesscss.org in the head section you can read

LESS runs on both the server-side (with Node.js and Rhino) or client-side (modern browsers only).

I think that IE8 is not a modern browser. ;)

Here's an interesting info: http://starikovs.com/2012/11/27/does-less-js-support-ie-9-at-least/

The author of LESS says:

IE9 is not officially supported – it may or may not work.

like image 129
Jakub Matczak Avatar answered Dec 22 '22 13:12

Jakub Matczak