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

css - 在 mixins 中使用未定义数量的参数

我目前-webkit在我的 Less CSS 表中有特定的属性,我正在尝试更新它们mixins以添加-moz属性,如下所示:

上面的例子工作正常,但我也有这样的事情:

而且我不能调用mixinas.transition(border-color .3s, background .3s)因为它的参数比mixin. 所以我现在正在做的是:

这很烦人,每当我使用一些以前未使用过的参数时,我都需要在工作表中添加冗余代码;我对其他 CSS3 属性也有这个问题,例如box-shadow当我需要inset在开头添加时。

有什么方法可以mixins用 Less 声明其参数数量的灵活性,就像 CSS3 属性一样?

0 投票
6 回答
19120 浏览

css - 更少的 CSS:具有可变数量参数的 Mixins

LESS 允许参数混合,例如:

但是,这并不总是适用于转换等属性。如果您尝试进行多个转换并尝试多次调用 mixin,则最后一个 mixin 会覆盖所有先前定义的转换。这是因为定义多个转换的正确 CSS3 语法是:

我能想到的将多个转换定义为 mixin 的唯一方法是重载 mixin:

有没有更健壮和简洁的方法来定义过渡混合以接受可变数量的参数并构造适当的过渡 CSS?

背景:有时我想在多个属性上进行转换;例如,a:hover可能会触发背景颜色、框阴影、文本颜色等的转换...

0 投票
1 回答
783 浏览

css - 如何在 less mixin 中访问特定的类属性?

我有 .aClass

在 .anotherClass 中,我想根据 .aClass 中的宽度属性值计算宽度值。

上面的例子不起作用。

我在较少的文档中找不到任何东西。有没有办法做到这一点?

0 投票
2 回答
374 浏览

css - 发送属性作为 mixin 的参数

我想打破我所有的媒体查询并将 CSS 属性作为参数传递。

不幸的是,这不起作用并使 Less 失败:(

0 投票
3 回答
1228 浏览

less - 使用 LESS mixin 添加供应商前缀

我收到此混合的语法错误:

有什么方法可以做到这一点,或者 mixin 变量必须在 a 的右侧:吗?

0 投票
2 回答
1000 浏览

css - 如何简化这个 LESS CSS Box-shadow mixin?(带有“方向”的多个阴影)

如何减少此代码(可能带有循环?),以获得具有方向和数量的“功能”?

  • @dir=想要的“方向”
  • @number= 我需要多少次阴影(这里是 10 次)
  • @color= 阴影的颜色

示例(工作,但不是很容易使用):

我有一个@dir参数可以改变阴影的方向。在这个例子中,我把@dir = se, where se= South East. 这对于西北、东北、西南和东南来说是一样的。

如何避免这种情况……?

0 投票
1 回答
209 浏览

less - LESS mixin 函数中的条件参数验证

如何将以下条件转换为 LESS?

结果应该是这样的:

0 投票
1 回答
2457 浏览

less - 如何在 LESS 中通过引用调用 mixin?

合乎逻辑的方法是:

但我得到一个解析错误。

有没有办法做到这一点?

0 投票
1 回答
2426 浏览

less - 基于参数存在的条件mixin

有什么建议如何根据参数存在创建条件 mixin?例如,我需要验证是否传递了所有参数以执行某些操作,例如:

0 投票
1 回答
1906 浏览

less - LESS CSS如何在mixin中修改父属性

我正在寻找一种更少的语法来做这样的事情:

我知道如何使用参数或全局变量来做到这一点,但悬停效果并不总是旨在改变背景颜色。