Run LESS in JSFiddle

by Anand Rathod

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.4.1/less.min.js"></script>
<div class="somediv">
    Look a box with contrast
</div>

CSS

@popupBg: pink;

.somediv {
    background: @popupBg;
    color: contrast(@popupBg, #999, #fff, 43%);

}

JavaScript

$('head style[type="text/css"]').attr('type', 'text/less');
less.refreshStyles();