用于属性值的 SASS 函数/mixin
这是一个 mixin 示例：
=border($alpha: 0.2)
1px solid hsla(0, 0, 0, $alpha)
我想使用函数/mixins 来实现如下功能：
border-right: +border(0.2)
这将编译为：
border-right: 1px Solid hsla( 0, 0, 0, 0.2)
我还没有看到任何关于如何使用函数/混合来动态计算属性值的文档。我只看到它们在包含财产时才被使用。如何才能实现这一目标？
Here's an example mixin:
=border($alpha: 0.2)
1px solid hsla(0, 0, 0, $alpha)
I want to use functions/mixins to achieve something like this:
border-right: +border(0.2)
This will compile into:
border-right: 1px solid hsla(0, 0, 0, 0.2)
I have not seen any documentation on how to use functions/mixins to dynamically calculate property values. I have only seen them used when they include the property as well. How could this be achieved?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您可以像这样编写函数：
并像任何其他 sass/compass 函数一样应用它们：
You can write functions like this:
and apply them like any other sass/compass function: