代码之家 › 专栏 › 技术社区 › Miguel Morera

在触针混音器中串联变量

stylus css

Miguel Morera · 技术社区 · 8 年前

centerSprite($icon)
    margin-top -(($ico_+$icon+_height) / 2)
    margin-left -(($ico_+$icon+_width) / 2)

我有一个具有图标高度和宽度的变量,我想将名称放入mixin的参数中,以获取该变量并进行操作。。。

2 回复 | 直到 8 年前

user4994625 user4994625 8 年前

我不知道为什么(可能是虫子?)但是,当函数中的属性值中有一个前减括号时,stylus无法编译:

centerSprite()
    margin-top -((5 + 10 + 3) / 2)

body
    centerSprite()

但是这个没有函数编译:

 body
     margin-top -((5 + 10 + 3) / 2)

我发现如果在属性在函数中也起作用后使用冒号:

触笔

centerSprite()
    margin-top: -((5 + 10 + 3) / 2)

body
    centerSprite()

CSS

body {
    margin-top: -9;
}

Miguel Morera 8 年前

一个好人 on Github 向我解释了 lookup

$ico_test_width  ?= 20px
$ico_test_height ?= 15px

centerSprite($icon)
    margin-top : -(lookup('$ico_' + $icon + '_height') / 2)
    margin-left: -(lookup('$ico_' + $icon + '_width')  / 2)

body  
    centerSprite('test')

推荐文章

Miguel Morera · 在触针混音器中串联变量

8 年前

amp123 · 将ejs参数传递到触控笔文件

8 年前

fox · 在HTML容器中均匀分布任意数量的元素

9 年前

BeniaminoBaggins · 触笔-哈希导致错误

10 年前

Sim Sca · 触控笔通过循环创建混音

10 年前

Eric Sartorius · 悬停旋转时不需要的CSS多边形边框

10 年前

TheLazyChap · Gulp相关任务无法正常工作

10 年前

user1429980 · 如何在Stylus中生成占位符

11 年前

Ser-Gen · 如何生成与变量值同名的混合?

12 年前

Nano · Stylus给了我一个预期的“缩进”,得到了“突出”,但我不知道为什么

12 年前