Get started with less.js CDN
Apache-2.0 licensed
Less.js: Dynamic/static CSS compilation of Less styles to compatible CSS.
Tags:- less
- less.js
- css
- css3
- preprocessor
- pre-processor
- popular
Stable version
Copied!
How to start using less.js CDN
<!DOCTYPE html>
<html>
<head>
<title>Get started with less.js CDN - cdnhub.io</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/less@4.2.0/dist/less.min.css">
<script src="https://cdn.cdnhub.io/less.js/4.2.0/less.min.js"></script>
</head>
<body>
<div id="box" style="width: 100px; height: 100px; background-color: #ccc;"></div>
<script>
less.modifyVars({
'box-color': 'red'
});
less.render('.less-class', function (err, output) {
if (err) return console.log('Error:', err);
document.getElementById('box').style.backgroundColor = output.css.toObject().box.color;
});
</script>
<style type="text/less" class="less-class">
.box {
width: 100px;
height: 100px;
background-color: @box-color;
}
</style>
</body>
</html>
Copied!
Copied!
All versions
1.0.41
1.1.0
1.1.1
1.1.2
1.1.3
1.1.4
1.1.5
1.1.6
1.2.0
1.2.1
1.2.2
1.3.0
1.3.1
1.3.2
1.3.3
1.4.0
1.4.1
1.4.2
1.5.0
1.5.1
1.6.0
1.6.1
1.6.2
1.6.3
1.7.0
1.7.1
1.7.2
1.7.3
1.7.4
1.7.5
2.0.0
2.0.0-b1
2.0.0-b2
2.0.0-b3
2.1.0
2.1.1
2.1.2
2.2.0
2.3.0
2.3.1
2.4.0
2.5.0
2.5.1
2.5.2
2.5.3
2.6.0
2.6.1
2.7.0
2.7.1
2.7.2
2.7.3
3.0.0
3.0.0-alpha.1
3.0.0-alpha.2
3.0.0-alpha.3
3.0.0-alpha.4
3.0.0-pre.1
3.0.0-pre.2
3.0.0-pre.3
3.0.0-pre.4
3.0.0-RC.1
3.0.0-RC.2
3.0.1
3.0.2
3.0.4
3.10.0
3.10.0-beta
3.10.0-beta.2
3.10.1
3.10.2
3.10.3
3.11.0
3.11.1
3.11.2
3.11.3
3.12.0
3.12.1
3.12.1-alpha.12
3.12.1-alpha.13
3.12.2
3.13.0
3.13.0-alpha.10
3.13.0-alpha.12
3.13.0-alpha.2
3.13.0-alpha.3
3.13.1
3.13.1-alpha.1
3.13.1-next.1
3.5.0
3.5.0-beta
3.5.0-beta.2
3.5.0-beta.3
3.5.0-beta.4
3.5.0-beta.5
3.5.0-beta.6
3.5.0-beta.7
3.5.1
3.5.2
3.5.3
3.6.0
3.7.0
3.7.1
3.8.0
3.8.1
3.9.0
4.0.0
4.0.1-alpha.0
4.0.1-alpha.2
4.1.0
4.1.1
4.1.2
4.1.3
*** 4.2.0