搜索
搜索

如何在scss的函数或mixin中传递自定义属性？

debugcn 发表于 Dev
13
网女

我将直接在scss中传递属性名称作为函数或mixin的参数。到目前为止，我未能将属性名称作为参数传递。

这是我的代码：

@mixin buttonSide($buttonSide){
    $buttonSide:10vw;
}


.form__previous-button{
    @include buttonSide(left); // I have also tried with @include buttonSide("left")
}

到目前为止，它失败了。您知道一种将属性作为变量传递给scss的方法吗？

塞巴斯蒂安·布罗施（Sebastian Brosch）

您必须对属性声明使用插值法来解决此问题：

属性名称可以包含插值，从而可以根据需要动态生成属性。您甚至可以内插整个属性名称！

萨斯

@mixin buttonSide($buttonSide)
  #{$buttonSide}: 10vw

.form__previous-button
  @include buttonSide(left)

SCSS

@mixin buttonSide($buttonSide) {
  #{$buttonSide}: 10vw;
}

.form__previous-button {
  @include buttonSide(left);
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在挂毯中自定义mixin？

来自分类Dev

委派：如何在自定义视图之间传递属性

来自分类Dev

如何在Android自定义数据绑定中传递带有参数的函数

来自分类Dev

如何在Google脚本的自定义“ whenFormulaSatisfued”函数中传递范围对象？

来自分类Dev

如何在Android自定义数据绑定中传递带有参数的函数

来自分类Dev

如何在自定义UIView中从ViewController传递数据

来自分类Dev

如何在scriptlet中访问自定义标签的属性？

来自分类Dev

如何在“ Pressed” VisualState的ContentControl中自定义属性？

来自分类Dev

如何在Typescript中打印自定义对象的属性？

来自分类Dev

如何在自定义WebViewPage中设置属性？

来自分类Dev

如何在JAXB中自定义属性名称？

来自分类Dev

如何在Quasar中添加自定义属性？

来自分类Dev

如何在自定义HttpMessageHandler中设置属性？

来自分类Dev

如何在自定义组件中评估FacesComponent属性

来自分类Dev

如何在自定义WebViewPage中设置属性？

来自分类Dev

如何在Javers中自定义属性名称

来自分类Dev

如何在 html 中自定义 onmouseover 属性？

来自分类Dev

如何在Symfony的Repository中声明自定义函数？

来自分类Dev

如何在AMPL中创建自定义函数？

来自分类Dev

如何在Tensorflow中编写自定义损失函数？

来自分类Dev

如何在PlayWright中运行自定义js函数

来自分类Dev

如何在聚合函数中应用自定义逻辑

来自分类Dev

如何在Haskell中编写自定义的show函数

来自分类Dev

如何在simulink中创建自定义s函数？

来自分类Dev

如何在自定义树枝函数中呈现内容？

来自分类Dev

如何在OxyPlot中绘制自定义函数图？

来自分类Dev

如何在JavaScript中向自定义构造函数添加自定义方法？

来自分类Dev

将属性作为函数传递给Polymer中的自定义元素

来自分类Dev

如何在Azure AD App中将自定义属性传递给重定向URL？

Related 相关文章

  1. 1

    如何在挂毯中自定义mixin？

  2. 2

    委派：如何在自定义视图之间传递属性

  3. 3

    如何在Android自定义数据绑定中传递带有参数的函数

  4. 4

    如何在Google脚本的自定义“ whenFormulaSatisfued”函数中传递范围对象？

  5. 5

    如何在Android自定义数据绑定中传递带有参数的函数

  6. 6

    如何在自定义UIView中从ViewController传递数据

  7. 7

    如何在scriptlet中访问自定义标签的属性？

  8. 8

    如何在“ Pressed” VisualState的ContentControl中自定义属性？

  9. 9

    如何在Typescript中打印自定义对象的属性？

  10. 10

    如何在自定义WebViewPage中设置属性？

  11. 11

    如何在JAXB中自定义属性名称？

  12. 12

    如何在Quasar中添加自定义属性？

  13. 13

    如何在自定义HttpMessageHandler中设置属性？

  14. 14

    如何在自定义组件中评估FacesComponent属性

  15. 15

    如何在自定义WebViewPage中设置属性？

  16. 16

    如何在Javers中自定义属性名称

  17. 17

    如何在 html 中自定义 onmouseover 属性？

  18. 18

    如何在Symfony的Repository中声明自定义函数？

  19. 19

    如何在AMPL中创建自定义函数？

  20. 20

    如何在Tensorflow中编写自定义损失函数？

  21. 21

    如何在PlayWright中运行自定义js函数

  22. 22

    如何在聚合函数中应用自定义逻辑

  23. 23

    如何在Haskell中编写自定义的show函数

  24. 24

    如何在simulink中创建自定义s函数？

  25. 25

    如何在自定义树枝函数中呈现内容？

  26. 26

    如何在OxyPlot中绘制自定义函数图？

  27. 27

    如何在JavaScript中向自定义构造函数添加自定义方法？

  28. 28

    将属性作为函数传递给Polymer中的自定义元素

  29. 29

    如何在Azure AD App中将自定义属性传递给重定向URL？

热门标签

归档