Retrieve or set LESS variable from JavaScript?

2019-02-24 06:10发布

While testing my web app, I'd like to be able to set the value of one of my LESS @variables using a simple dropdown. (To change the color scheme altogether).

I guess after setting the value, LESS has to reload/recompile the .less files with the new value?

Is there any simple way of accomplishing this? (I'm not running node.js)

The basic example would be something like:

styles.less
@base-color = `window.baseColor()`

标签： css less

1条回答

爷、活的狠高调

2楼-- · 2019-02-24 07:05

I think you're doing it in a bit too complicated way ;)

Here's what I propose:

Set a class on your body tag:
```
<body class='theme_default'></body>
```

In your .less file define your themes:

body.theme_default { base_color: #fff; }
body.theme_gray    { base_color: #ccc; }
etc..

Using jQuery (or just plain JS) change the class of the body tag upon dropdown state change.

That's how I'd do it (and replace the dropdown with some nice widget ;) Cheers

0人赞添加讨论(0) 举报

Retrieve or set LESS variable from JavaScript?

采纳回答

编辑标签

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮

付费偷看金额在0.1-10元之间