问题标签 [less-mixins]

我有一个 LESS 混合。当存在某个身体类别时，我想更改 mixin 的一个值。

这工作正常。但是我的选择器列表越来越长：

有没有更聪明的方法来编写我的选择器列表，所以我不必重复它们两次？理想情况下，我会写一次，如果 .body-class 存在，我的样式更改（）也将应用于所有这些。

在 LESS mixin 中，我有一个 alpha 值，我想将其转换为纯数字 (0.xx)，即使它以百分比 (xx%) 的形式给出。我找到了将数字转换为百分比的 percent() 函数，但是 percent(xx%) 返回“xx00%”，除以 100 使 0.xx 变为 0.00xx，这也不好。我可以在 LESS 中找到的所有“if-then”语句都涉及创建一个新范围，因此虽然我可以检测到“%”，但我无法将该信息传递回变量以使用它。

当且仅当它是百分比时，我如何将百分比转换为数字？

我有一个关于在不同样式表中使用 less mixin 的问题。

我有 2 张初始样式：reset.less 和 styleguide.less

我想知道如何在 styleguide.less 标题中定义一个 mixin。

而重置只是使用它。

例子：

假设我们需要几个不同的类来使用以下内容：

我们如何在 LESS 中进行设置？

这些类不能相互使用，因此将它们设置在逗号分隔的列表中（.note、.product、.restricted{ }）不是解决方案。

我们需要类似的东西：

我试过这个，它只会杀死更少。

在我style.less的定义中，所有.element嵌套在类元素中的类元素.group都具有与 bootstrap-class 相同的属性.col-sm-6。

不幸的是，我不能直接将类添加.col-sm-6到元素中。

在该项目中，引导程序位于tapestry5/bootstrap/css/bootstrap-darkly.css与我的style.less. （如何）我也可以在我的style.css? 我试过了：

不幸的是，我得到了一个 Less4J 异常：

是不可能将 CSS 用作 mixins，还是我的语法有问题？

我希望使用 LESS 创建一个类似于“闪烁效果”的 CSS 动画。我的目的是调用单个 mixin，每次传递 2@stop种颜色，以便根据 DOM 元素的 css 类获得不同的颜色闪烁。

目前我有以下 HTML：

在这里，更少的代码：

动画混音：

我的问题是两个 DOM 元素具有相同的“红色”动画，而不是一个green2green和一个red2red。

我知道问题在于始终相同的“动画名称”。一些建议以达到所需的行为？

谢谢。

我正在尝试将我的网格系统减少到 LESS。

我使用分数作为字符串（这是有原因的）并且需要在calc()表达式中插入它们。

在 Sass 中，我可以做到这一点......

当我尝试这个时，在 LESS 中......

它最终抛出一个Cannot read property 'numerator' of undefined错误。

显然 LESS 可以分辨出它只是一小部分，但随后它就会消失。

任何 LESS 专业人士可以启发我吗？

我试图在值小于和大于时设置属性，以设置要应用属性的窗口。

例子：

我不太清楚如何组合守卫。在上面的示例中，亮度为 20% 的颜色将同时应用第 3 和第 4 防护。所以它会编译出绿色和蓝色的颜色。由于顺序，这在技术上正确渲染，但仍然有点混乱......

任何替代解决方案？谢谢！

我需要达到这样的效果，但即使@padding 实际上 < @height 它仍然使用乘数 2，这是无意义的......有什么我不知道的限制吗？

欢迎任何解决方法）

我现在研究了一段时间，但我无法弄清楚。

我猜mixins在编译过程的“结束”时被调用，所以它不能在那里导入，因为它需要更早的变量。

是否有一些已知的隐藏秘密解决方法？

这段代码

失败是因为

语法错误：变量 @theme 在第 33 行的 less/capsule.less 中未定义，