问题标签 [less-mixins]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
380 浏览

less - 如何重用其选择器是使用串联形成的mixin

在Less中,我可以写:

但是当我写:

当我删除 时.test.outer-inner输出正确,但是当我添加回来时,编译器说

.outer-inner 未定义。

反正有没有重新使用的样式.outer-inner

0 投票
3 回答
200 浏览

less - 如何为@media 和后代选择器声明相同的样式?

我需要为媒体查询下的元素和另一个类的后代定义相同的样式。

LESS 中的完美解决方案可能是以下 [伪代码]:

这应该是可取的,将被编译成:

这个语法不正确,但是你有什么建议可以解决我的问题吗?

0 投票
1 回答
3997 浏览

less - 在将参数传递给 mixin 的媒体查询中设置“最小宽度”或“最大宽度”

我想在 Less MediaQuery 中定义的属性中添加动态 MIN/MAX 后缀。

我写了这段代码,但它没有编译:

虽然@{min-max}-width:100px;是正确的语法,但不允许在 Mediaquery 定义中应用等效项,但我需要在我的媒体查询中设置“最大宽度”值和其他“最小宽度”值。如何获得这个?

0 投票
1 回答
902 浏览

less - 在 LESS 中覆盖 mixins

在 中多次定义 mixin 时LESS,然后按如下方式调用该 mixin

结果将是所有定义的 mixin 的组合输出

而当您在 Sass 和 Stylus 中应用相同的场景时(当然使用它们自己的语法),当您调用在样式表中多次定义的 mixin 时,只会执行最后定义的一个(它将覆盖所有之前定义的mixins ) 如下。

结果SassStylus

如何覆盖 mixinLESS以便输出来自最后定义的 mixin?

0 投票
2 回答
43 浏览

twitter-bootstrap - 如何优化我的 LESS mixin?

这个 mixin 为 Bootstrap 生成辅助类。

我确信有办法使用循环来改进这个 mixin。

片段用于不同的屏幕尺寸:


PS 查看我的最终解决方案

0 投票
2 回答
4804 浏览

twitter-bootstrap - Bootstrap 3 翻译 mixin

如何在翻译 mixin 上添加值?我想在 Y 坐标上有这些值:

引导混合:

如何在 Y 坐标上添加 50% ???我试过了:

但我得到一个错误,有什么想法吗???

0 投票
1 回答
186 浏览

css - 使用 mixins 时的 Bootstrap 2 列问题

我正在使用 Bootstrap 2 mixins .makeRow() 和 .makeColumn() 来制作第 4,3 和 5 列,它们等于一个完整的行跨度 12 宽度。但它没有得到正确应用。这是我得到的截图

标记:

较少的:

谁能告诉我如何解决这个问题?

0 投票
1 回答
482 浏览

css - 可以减少带有哈希的循环吗?

在开始拍摄我之前,我必须说我是全新的less,所以请不要拍摄!:)

我想做的是编写一些类来根据我的屏幕尺寸对齐我的文本,而不是手动编写我的代码,我想使用一个循环less(当然如果可能的话)来生成我的类。

所以我想做的是这样的:

但正如我已经说过的,我不喜欢使用手写代码来实现。

那么有没有办法less使用一种数组哈希并循环它以生成所需的代码?

数组哈希应该只包含stings left, right, center,justify

如果可能的话,另一种选择是也循环遍历我的屏幕尺寸,例如sm, md, lg.

非常感谢。

0 投票
2 回答
163 浏览

css - 更少的 CSS - 减少重复

我在 Less 中有以下代码:

我很确定这可以通过某种 mixin 进一步抽象出来,但我现在已经摸不着头脑了。我希望能够传入一个变量,例如@xs 或@xs-gutter,并让函数填充代码。

有任何想法吗?

0 投票
1 回答
175 浏览

css - Css Less Mixin 不输出所有媒体查询代码

我有一个 mixin——它比我以前做过的任何事情都要复杂一点,所以现在我遇到了一个我无法深入了解的问题。问题是永远不会创建默认值。我还明确添加了移动优先媒体查询,但这也不起作用。

输出

调用类