问题标签 [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.
parameters - 你能从 mixin 生成动态 LESS 参数吗?
我正在尝试生成一个动态调色板,以使用多个站点,这些站点在同一范围内具有不同数量的品牌颜色。我有一个 mixin,可以创建我需要的颜色范围,如下所示:
我遇到的问题是让这个生成 LESS 参数很有用,这样我就可以将这些颜色重新用于边框等。
如果我不使用 mixins,我会这样做:
但我很想让 mixin 为我生成它。我在mixin中尝试过这样的事情:
没有任何运气-这甚至可能吗,还是我走得太远了?真的很感激任何帮助——即使这是“不可能的”。
css - 在 Less 中使用受保护的命名空间将 Mixin 转换为 Sass
如何将以下用 LESS 编写的 mixin 转换为 SASS?
less - 如何为:hover,:active,:disabled等状态编写更少的mixin?
这是我写的,但我明白了
解析错误:无法识别的输入
我该如何规避这个?
我不想为焦点、活动和禁用状态声明单独的 mixin。
我正在使用 WinLess 在 Windows 7 上进行编译。
- WinLess 版本:1.9.1
- Less.js 版本:2.1.2
这是我的代码
任何帮助表示赞赏。
css - 以括号开头或仅使用属性选择器的样式较少混合
如何将不以类或 ID 开头的样式混合到另一种样式中?
less - 如何循环遍历 Less 中的值列表?
我有 5 种颜色和 1 种颜色mixin
:
我想在#section
,#subsection
和上使用它#mainelement
:
正如你所看到的,这样做的困难方法是我用不同的颜色重复它 5 次。我发现我们可以循环生成类。但是如何使用它来循环一个值列表呢?
less - 较少的CSS提取功能
认为
.spacer(边距,2 1);可以提取两个值吗?
--less.js 2.5.3;Windows 7的; 编译器无赢。
css - 传递多个属性名称、值并使用一个 mixin 设置它们。是否可以?
这是一个规则集,其中我有我的 mixins,.greyMixin()
并且 .disabled()
. 问题是我无法找到在一个 mixin 中编写多个属性的方法。可以看到结果 wherecolor
和background
是分开的。我希望他们在一个声明中。
结果是:
我正在使用 less.js 2.5.3;Windows 7的; Winless 编译器 1.9.1。
css - 如何用父选择器替换 Less 变量中的“&”?
我有一个像这样的 Less 混合:http ://codepen.io/sirlancelot/pen/QjzzEb?editors=110
我想知道是否可以更改符号,以便&
可以将参数中的 in 扩展到父选择器,就像我将它写在变量之外一样。
如果您单击 Codepen 的 CSS 部分中的“查看已编译”,您将看到&
直接输出如下:
我希望(space)&
删除(空格和&符号)。
less - 为什么我们不能在同一个规则集中使用规则集?
我正在尝试在其.formater()
内部使用相同的规则集。我收到语法错误。
为什么我们不能在其内部使用规则集?
任何帮助,将不胜感激。
css - 如何编写更少的规则集来为多个类名分配属性
我正在尝试将属性分配给一个规则集中的多个类名,其中在此规则集中分配的所有属性都将附加到不同的类名。
期望的输出:
}
我收到解析错误。可以做到吗?任何帮助,将不胜感激。谢谢你。
@Harry 我只是不想让事情复杂化,所以发布了不同的包装。并且使用 &:extend 我无法正确控制它。因为我的样式表是一个有效的,我正在重写整个东西给它一个主题。为了做到这一点,我需要组织与颜色相关的混合以及处理字体大小、边距、填充和宽度的其余规则集和混合。它大约有 4000 行 css 代码。