为白色标签的应用程序创建SASS覆盖。

我正在运行一个白标应用,许多品牌都在使用一组SASS变量。但是,随着时间的推移,为了允许更多的灵活性,需要为一个给定的断点添加额外的变量。因此,为了保持向后的兼容性,我将当前值分配给新创建的变量($test--large). 对于品牌来说,能够自定义大断点的样式。

问题是,它并没有按照我期望的方式工作。如果在品牌层面,我改变了 $test我想 $test--large 也要有新的值分配。

希望有意义,如果没有,你有什么建议。知道我们有很多品牌,重新定义所有的新变量会很痛苦。

$test: blue !default;
$test--large: $test !default;  // new variable

$test: green; // Override from brand

.text {
  color: $test;

  // Newly added piece

  @include breakpoint(large) {
      color: $test--large; //result will be blue but i'd expect it to be green
  }

}

`

解决方案:

看起来,当你分配了 $test$test--large变量是通过值来传递的,而不是引用。因此,当你重新赋值给 $test 变成绿色,您还需要将 $test--large,比如这样。

$test--large: $test

或者…

$test--large: green

给TA打赏
共{{data.count}}人
人已打赏
未分类

flask wtform中验证false后如何保留字段数据?

2022-9-8 4:57:17

未分类

jQuery - 从其他函数中获取变量

2022-9-8 4:57:19

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索