问题标签 [less-mixins]

我想为 Bootstrap 源创建一个聪明的 mixin（mixin->buttons.less）。

我所拥有的如下：

较少的：

我如何看待使用这个 mixin

我可以做我想做的事吗？我知道可以使用 Less 守卫来完成，但不知道如何使用它。有人有什么想法吗？

问题

有没有办法（以编程方式）在 LESS 编译器中抛出错误？

为什么？

今天我一直在摆弄 mixin 守卫，因为我想根据元素大小和元素数量生成我的 CSS 边距。当元素不适合包装器时，我认为直接在编译时抛出错误会很酷。

信息：我正在使用lessc编译器将我的 LESS 代码编译为 CSS。我没有使用任何 Javascript 库在执行时对其进行编译。

少源

生成的 CSS（小包装器）

没有输出，因为不匹配 mixin guard 不会生成代码when ((@size*@count) <= @wrapper) // 3*340 <= 830 is false。

生成的 CSS（带有工作解决方案，大包装器）

以下代码：

像我期望的那样产生：

如何摆脱*前缀并只使用没有前缀的选择器？

不起作用的事情：

.positionBase(testing,16px,0)

和

我的 Google foo 很弱，我没有发现任何东西可以让我认为这是可能的，在这种情况下我想使用*前缀，但这对性能也非常不利。有任何想法吗？

谢谢

我想在项目中对边框使用 Less mixin，但通常我需要使用边框的不同边，而不是全部。

我写了一个简单的mixin：

例如，是否可以仅将参数传递给border-topand border-bottom？

所以：

将输出：

我可以忽略将参数传递给 mixin 中的不同 CSS 属性吗？

我想知道如何使用 LESS 实现以下 CSS：

我应该对迭代做些什么吗？

目前我尝试以更少的成本构建 mixins，但它似乎比预期的要复杂。例如，我尝试构建一个 if 条件，我的标题如下所示：

我知道数组的定义如下：

.

也许我可以将其用作一个对象，可以这么说，当参数用逗号分隔时，如何将数组写入 mixins 参数？

以下示例使用 LESS HAT Mixin Lib 3.0.2：

我不太确定这里的答案是否是最好的解决方案： CSS Less mixins for keyframes

我正在寻找一种方法来适应多个 mixin keyframes。

我为亮度值条件创建了小的 Less @mixin。我在我的应用程序 UI 中使用 Sass，我真的很困惑如何在 Less 中创建好的条件。任何人都可以回答我，这是少条件的好代码吗？

少源：

CSS输出：

我需要在循环中将变量name更改为trees等balloons以获得

但我得到了：

试过这个mixin但没有用，我做错了什么？

我有一个元素.shake，当它:hover是动画时。我需要继承抖动元素属性及其动画:hover效果。

我有

它不起作用，因为它只.inherit-shake继承了主要.shake属性，但它的:hover动画。

有没有办法使用 Less 来做到这一点？