如何在scss样式中正确使用类星体变量
如何在scss样式中正确使用类星体变量
提问于 2022-07-21 15:11:38
我已经通过Vue3配置了一个vue add quasar +类星体项目。我无法理解如何使用类星体sass/scss变量。
我要用的医生
<style lang="scss">
div {
color: $red-1;
background-color: $grey-5;
}
</style>但它会导致Undefined variable.错误，原因是$red-1。如果我显式导入样式文件，我就可以从那里使用变量，比如$primary，但是其他类星体变量没有运气。
<style lang="scss">
@import './styles/quasar.variables.scss';
div {
color: $primary;
}
</style>我是否也要显式地从类星体sass/scss导入所有变量？
我的项目配置如下：
import { createApp } from 'vue'
import App from './App.vue'
import './assets/main.css'
import { Quasar } from 'quasar'
import quasarUserOptions from './quasar-user-options'
const app = createApp(App)
app.use(Quasar, quasarUserOptions)
app.mount('#app')边问:当使用类星体css类时，bg-primary和bg-secondary使用类星体定义的主色和次色，而不是我的样式选择。是预期的行为吗？
回答 1
Stack Overflow用户
发布于 2022-08-04 16:26:06
Sass/SCSS变量只能在quasar-cli托管应用程序中使用。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/73068666
复制相关文章
相似问题
腾讯云开发者
