Tag: less

如何将LESS mixin插入JavaScript代码中: 有没有选择在JS代码中插入一些LESS mixin？我有这个border-radius mixin： .border_radius(@radius: 5px) { border-radius: @radius; -moz-border-radius: @radius; -webkit-border-radius: @radius; } 那么有没有可能将这个mixin添加到jQuery代码中？ var less = require(‘less’); $(‘.circle’).css({ width: width, height: width, less.border_radius(10px); });

Less中的变量操作: 所有我想计算页面的高度，并在我的test.less @clientHeight：`$（窗口）.height（）`; 当我使用@clientHeight ，由于jquery只返回一个数字，我需要像px一样加上单位所以，我试过这些方法： 1） div {height：@ clientHeight + px; 它出来了： height: 705 px; （注意它们之间有空格） 2） @clientHeight：`$（窗口）.height（）+’px’` 它出来了： height: “705px”;

将LESS变量传递给JavaScript: 我有一个有一些变量的LESS文件： @font-size: 100%; @label-align: left; @field-width: 230px; @icon-size: 16px; @icon-padding: 8px; 在我的JS脚本中，我需要知道用户在LESS文件中设置的一些初始值的总和。计算出的css值可能会根据父容器大小而更改。这些值也会在第一次加载时更改，具体取决于窗口大小。一些元素也是动态创建的，因此很难在JS中获取正确的初始值，因为我必须在代码和不同范围的不同点声明变量。我的一个想法是使用一些虚拟变量声明一个“高范围”对象，并在将元素追加到DOM时立即将值赋给变量，但事实certificate它是混乱和多余的。几个小时后，我想出了这个目前有效的想法，有点hacky但有效。减： .less-vars { width: @field-width + @error-width + @icon-size + (@icon-padding * 2); } JS ： var less_vars = $(”).hide().appendTo(‘body’).width(); $(‘.less-vars’).remove(); 有没有其他方法可以做到这一点？

使用类似JQuery的选择器语法以编程方式编辑Less（css）代码？: 可以在less.js中使用库从浏览器中的较少文件动态重新生成css。如果有一种简单的方法来修改较少的代码，这将是动态更新站点的CSS的一种非常强大的方法。想象一下，你有一种在大型网站上使用过100次的颜色。如果你想仅使用javascript动态改变那种颜色，你需要更新具有该颜色的每一位css（可能是50行代码）。根据我的想象，你需要写的是这样的： $(‘@mainColour’).value(‘#F04’); 我正在考虑自己去做，但这听起来像一个巨大的项目，我想知道是否有人已经开始这样的事情？编辑：澄清一下，理想情况下我想要做的是获取一串Less代码，以编程方式编辑它（可能使用类似jquery的选择器语法），然后将其吐出为修改后的Less。理想情况下，代码是在Javascript中（但不一定是客户端）我上面给出的示例是一个可能的应用程序但可能不是一个好的（可能有更好的更常见的方法来实现它）。