Nuxt / Vuetify覆盖variables.scss中的变量

Question

我正在尝试使lg和xl的nuxt / vuetify网站具有相同的容器大小（即，在XL中每种大小上仍存在间隙。

我尝试用以下方法覆盖我的variable.scss：

@import '~vuetify/src/styles/styles.sass';

$container-max-widths: map-deep-merge(
  (
    'md': map-get($grid-breakpoints, 'md') * 0.9375,
    'lg': map-get($grid-breakpoints, 'lg') * 0.9375,
    'xl': map-get($grid-breakpoints, 'lg') * 0.9375,
  ),
  $container-max-widths
);

但是我仍然没有运气，有人知道我需要做什么吗？

在我的nuxt配置中，它确实导入了variables.scss文件：

vuetify: {
    customVariables: ['~/assets/variables.scss']
}

非常感谢您的帮助：-）