问题标签 [less-mixins]

我想要做的是创建一个 mixin，它接受参数并使用一个或多个参数作为要包含的其他 mixin 的名称。

由于我不确定正确的术语，我将尝试通过示例进行解释：

该图像有效，但我还没有弄清楚如何从@gradients. 这可能吗？

我正在尝试编写一个 mixin，但我似乎无法让参数按我想要的方式工作：多个属性被视为一个单独的参数。

当前代码

期望的输出

实际输出

有任何想法吗？

我正在尝试在 LESS 中创建一个包含多个变量的 mixin，但由于某种原因它不起作用。我有这个少：

我这样称呼它：

但是我根本没有任何关于我的元素的背景。我的语法好吗？

我正在使用lessphp（来自git的最新版本）

是否可以从同一“命名空间”中的另一个 mixin 调用 mixin？

这是一个不产生输出的简短代码示例（但应该给 h1 一个边框）

我正在为这样的字体使用mixin：

我想称之为只更改最后一个参数样式，但将其他值保留为默认值。例如，不要写：

我会写这样的东西：

（这实际上有效，但我怀疑出于错误的原因 - 或者无论如何它似乎不正确的语法）实现这一目标的最佳方法是什么？

我最近开始使用LESS CSS——它很棒（如果你还没有的话，我建议你去看看）。

我正在做一个项目，我想做以下事情（这不是正确的语法，只是试图解释我的问题）：

我知道我可以为此使用 mixins，但是上述方法可以让我不必在每次需要根据@background_color变量更改颜色时都编写 mixins（因为我将使用@secondary_color边框、背景颜色等）。

我一直在努力寻找解决方案，但我没有运气。如果有人对我能做些什么来完成这项工作有任何想法，我很想听听他们的意见。

谢谢！

我正在尝试根据上下文使 Mixin 输出两种不同的东西。像这样：

现在.seticon按预期工作，但.nonreceivable .seticon似乎不起作用。这是一个错误，还是我做错了什么，或者这不是 Less 开发人员的意图？你将如何解决这个问题？

我将 LESS 引入一个大型 Web 应用程序项目以简化我的 CSS。我有一些 CSS 规则将转换应用于不同数量的属性，例如：

（注意：为简洁起见，我在这里省略了-webkit,-moz和-o属性：实际上，这些规则中的每一个都是 12 行而不是 3 行。）

请注意， 的值以transition-property逗号分隔。这在 CSS 中是不寻常的：多个值通常用空格分隔（如border: 1px solid #f00）。LESS mixin 可以使用特殊@arguments值来生成所有 mixin 参数的空格分隔列表- 但是是否可以定义一个 LESS mixin，它接受可变数量的参数并将它们转换为逗号分隔的值列表，适用于transition-property？

如有必要，我对需要两个 mixin 的解决方案感到满意：一个 for transition-property，另一个 for transition-durationand transition-timing-function。这是我到目前为止所尝试的：

尝试 1：使用带有未命名参数的 @arguments

结果：LESS 错误（“没有为 '.transition-property(top, left)' 找到匹配的定义”）

尝试 2：使用带有命名参数的 @arguments

结果：LESS 错误（“没有为 '.transition-property(top, left)' 找到匹配的定义”）

尝试 3：使用具有虚拟默认值的命名参数

结果：没有 LESS 错误，但它会生成一个 CSS 规则-webkit-transition-property: top, left, p3, p4, p5，由于无法识别的属性，浏览器会忽略该规则。

我尝试了各种其他方法（例如将属性作为字符串传递'top,left'），但结果都是一样的：要么是 LESS 错误，要么是无效的 CSS。

有没有办法解决这个问题？还是我必须硬着头皮定义一组在arity上重载的mixin，例如

我想制作一个函数/mixin，如果它已经很暗，它会使颜色变暗，但当它变亮时会变亮（标准化/极端化？）

是否可以通过传递属性名称（颜色、背景颜色、边框颜色等）来做到这一点？

简单的问题。我刚开始较少关注 CSS 构建，我偶然发现了这个困境：

我只想覆盖 mixins 中的某个参数，但这似乎不是正确的语法。