问题标签 [less-mixins]

我正在使用 Visual Studio/Web Essentials 创建一组 LESS mixin。

是否可以为 LESS mixins 编写 XML 类型的文档？或者也许有一个枚举来限制输入的参数？

例如，使用这个 mixin：

有一些描述三个可能值的文档会很好，就像为背景剪辑创建普通 CSS 选择器一样 -

我有一个功能：

如何将 !important 添加到函数参数？我是对的：

但它不起作用。

你好，

希望你能提供帮助。

有没有办法让LESS只返回一个值 -感觉就像我错过了一些非常明显的东西

说我有：

我可以用一些东西给我一个简写的回报 -

比如说：

因为我最终希望的是：

使用混合我必须定义样式属性，但是这个返回函数的值将用于许多不同的 css 属性。

希望我说得通，我只是缺少更深的 rtfm。

非常感谢，如果可以的话。

更新为指向文档的 @Chococrocs指针，谢谢。

• 看起来像我需要什么？-只是看看我是否总是可以在单位变量上标记它......

  ---

更新：这已经部分了......

但不是什么时候

还有其他方法吗？

我的想法是创建一个 LESS mixin，它可以添加伪元素:before或:after我页面中的任何元素。

我尝试使用 LESS mixin 的“命名参数”来创建一个通用 mixin，用户可以在其中指定伪元素应该是 a:before还是:after.

编译时出现错误：“无法识别的输入”。

这是我的代码：

哪里.setStrucutre和.getIcon是两个已经存在且功能正常的 mixin。你能看出哪里不对吗？

是因为我不能以这种方式将变量用作选择器吗？

任何人都可以提供任何解决方案来结合 Less/CSS 的封装和 mixin 重用吗？我试图让我的变量被命名空间封装，但我还没有弄清楚如何为它重用 mixins。

例子：

问题是当我创建一个新模块时，会重复 width() 和 height() 混合。

有没有办法保持变量封装并消除mixin重复？我想写一次 .width() 和 .height() ，但是 :extend() 在这种情况下似乎不起作用。

更新：2014 年 5 月 15 日

Seven-phases-max 在下面为重用 mixins 提供了一个很好的解决方案，但我想我遇到了一个变量范围问题，下面的语句返回了一个错误。它说，“变量@textfield-width 未定义。”

所以我尝试添加.module-a似乎可行的方法。我不是 100% 确定这是否是正确的用法，但它确实修复了错误并返回了正确的值。

例如我有下一个更少的代码

我想写类似的东西

得到同样的结果。我怎样才能做到这一点？

如何扩展使用 & 组合器动态形成的 Less 类？

Less 会产生预期的输出：

预期的 CSS 输出：

Less 不会产生预期的输出：

意外的 CSS 输出：

我正在尝试为供应商属性创建一个 Less mixin，允许某人指定他们想要使用的 CSS 属性、属性的值以及他们想要它的供应商（Opera、Mozilla、Firefox、Webkit、IE ， 没有任何）。

我最初在这里用 SASS 编写代码，但很难将其移植到 Less。

这是我目前拥有的：

现在，当您这样使用代码时：

你得到：

但我希望能够使用 mixin 声明多个供应商，因此使用：

应该为我提供：

但现在没有。

那么如何vendors在这个mixin中循环遍历参数，或者我什至可以在Less中做到这一点？

我通过@var像这样传递给我的混合来设置列数：

除了最后一行之外，我希望margin-right: 2%每一列都有一个。因此，我尝试执行以下操作：

此时，Less 编译器无法编译它。

我可以用更少的方式实现这一点吗？也许还有其他方法可以做到这一点？

我收到以下错误：

ParseError：myStylesheet.less 中无法识别的输入

我有一个 Less 变量，称为@side. 我想要的是@sideOpposite根据变量的值设置@side变量。它只能取两个值：“left”或“right”。

换句话说，我需要一个 Less 等效的 JS 代码：

我尝试使用when函数来完成此操作，但据我了解，它不能那样工作，并且仅适用于 CSS 属性，而不适用于变量：