使用现有的离子Sass变量
提问于 2022-02-16 04:23:49
使用Ionic 5，我们如何为我们自己的css类使用现有的Sass变量？我指的变量在这里描述：https://ionicframework.com/docs/v3/theming/overriding-ionic-variables/
我想在global.scss上做这样的事情：
.card-margin {
margin-left: $card-md-margin-left;
margin-right: $card-md-margin-right;
}不幸的是，我找不到这些变量的存储位置。
回答 1
Stack Overflow用户
发布于 2022-02-16 05:22:02
离子4+使用CSS变量，所以您可以使用var(变量，默认？)函数。
例如，对于背景颜色，如variables.scss中定义的：
background: var(--ion-color-light, #fff);在Ionic 4+中，没有提到可能使用v3 sass变量。它们在@角/离子模块中不可用，我们只能访问最终的css。
您仍然可以从源代码中获取它们：https://github.com/ionic-team/ionic-framework/tree/main/core/src/themes并导入它们，但这似乎有点麻烦。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71141822
复制相关文章
腾讯云开发者
