无法在nuxt.js项目中使用vuetify变量

Question

尝试使用Vuetify的$display-breakpoints手写笔创建新的组件样式（如本good browser support中所述），但似乎不起作用。

<style lang="stylus">
.submit-container
  @media $display-breakpoints.sm-and-up
    font-size 5em
</style>

我收到以下错误：

$display-breakpoints has no property .sm-and-up

Answer 1

我需要导入可变笔针文件：

<style lang="stylus">
@import '../../assets/style/variables.styl'
.submit-container
  @media $display-breakpoints.sm-and-up
    color #ef4655;
</style>