vue.js 验证:无法找到默认SASS变量

pxq42qpu  于 2023-03-03  发布在  Vue.js
关注(0)|答案(1)|浏览(117)

我已经在许多项目中使用过Vuetify,并且使用SASS变量覆盖它们的默认全局值,特别是亮/暗主题颜色。
最近我注意到他们已经重构了代码库,现在我找不到任何对这些库的引用。我搜索了整个SO,大多数包含这些链接的线程都不再可用了。有人知道他们可能在哪里吗?
问题中的文件在屏幕截图中:

尝试通过他们的github(https://github.com/vuetifyjs/vuetify)并搜索这些文件,但无济于事。

kwvwclae

kwvwclae1#

在Vuetify 3(its github repo's master所指向的位置)中,所有SASS/SCSS变量现在都通过位于vuetify/_settings中的单个文件公开。
您可以将其导入到组件的style标签中,如下所示:

<style scoped lang="scss">
  @use 'vuetify/settings' as v;

  @media #{map-get(v.$display-breakpoints, 'xs')} {
    p { 
      font-size: 0.75em;
    }
  }
</style>

相关问题