问题标签 [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 投票
0 回答
30 浏览

parameters - 你能从 mixin 生成动态 LESS 参数吗?

我正在尝试生成一个动态调色板,以使用多个站点,这些站点在同一范围内具有不同数量的品牌颜色。我有一个 mixin,可以创建我需要的颜色范围,如下所示:

我遇到的问题是让这个生成 LESS 参数很有用,这样我就可以将这些颜色重新用于边框等。

如果我不使用 mixins,我会这样做:

但我很想让 mixin 为我生成它。我在mixin中尝试过这样的事情:

没有任何运气-这甚至可能吗,还是我走得太远了?真的很感激任何帮助——即使这是“不可能的”。

0 投票
1 回答
475 浏览

css - 在 Less 中使用受保护的命名空间将 Mixin 转换为 Sass

如何将以下用 LESS 编写的 mixin 转换为 SASS?

0 投票
1 回答
206 浏览

less - 如何为:hover,:active,:disabled等状态编写更少的mixin?

这是我写的,但我明白了

解析错误:无法识别的输入

我该如何规避这个?

我不想为焦点、活动和禁用状态声明单独的 mixin。

我正在使用 WinLess 在 Windows 7 上进行编译。

  • WinLess 版本:1.9.1
  • Less.js 版本:2.1.2

这是我的代码

任何帮助表示赞赏。

0 投票
2 回答
443 浏览

css - 以括号开头或仅使用属性选择器的样式较少混合

如何将不以类或 ID 开头的样式混合到另一种样式中?

0 投票
1 回答
152 浏览

less - 如何循环遍历 Less 中的值列表?

我有 5 种颜色和 1 种颜色mixin

我想在#section,#subsection和上使用它#mainelement

正如你所看到的,这样做的困难方法是我用不同的颜色重复它 5 次。我发现我们可以循环生成类。但是如何使用它来循环一个值列表呢?

0 投票
0 回答
258 浏览

less - 较少的CSS提取功能

认为

.spacer(边距,2 1);可以提取两个值吗?

--less.js 2.5.3;Windows 7的; 编译器无赢。

0 投票
2 回答
118 浏览

css - 传递多个属性名称、值并使用一个 mixin 设置它们。是否可以?

这是一个规则集,其中我有我的 mixins,.greyMixin()并且 .disabled(). 问题是我无法找到在一个 mixin 中编写多个属性的方法。可以看到结果 wherecolorbackground是分开的。我希望他们在一个声明中。

结果是:

我正在使用 less.js 2.5.3;Windows 7的; Winless 编译器 1.9.1。

0 投票
1 回答
1115 浏览

css - 如何用父选择器替换 Less 变量中的“&”?

我有一个像这样的 Less 混合:http ://codepen.io/sirlancelot/pen/QjzzEb?editors=110

我想知道是否可以更改符号,以便&可以将参数中的 in 扩展到父选择器,就像我将它写在变量之外一样。

如果您单击 Codepen 的 CSS 部分中的“查看已编译”,您将看到&直接输出如下:

我希望(space)&删除(空格和&符号)。

0 投票
1 回答
32 浏览

less - 为什么我们不能在同一个规则集中使用规则集?

我正在尝试在其.formater()内部使用相同的规则集。我收到语法错误。

为什么我们不能在其内部使用规则集?

任何帮助,将不胜感激。

0 投票
0 回答
85 浏览

css - 如何编写更少的规则集来为多个类名分配属性

我正在尝试将属性分配给一个规则集中的多个类名,其中在此规则集中分配的所有属性都将附加到不同的类名。

期望的输出:

}

我收到解析错误。可以做到吗?任何帮助,将不胜感激。谢谢你。

@Harry 我只是不想让事情复杂化,所以发布了不同的包装。并且使用 &:extend 我无法正确控制它。因为我的样式表是一个有效的,我正在重写整个东西给它一个主题。为了做到这一点,我需要组织与颜色相关的混合以及处理字体大小、边距、填充和宽度的其余规则集和混合。它大约有 4000 行 css 代码。