vuetifyjs / nuxt

Nuxt.js + Vuetify.js starter project template.
MIT License
306 stars 109 forks source link

Changing vuetify variables do not work #87

Open MathiasVie opened 5 years ago

MathiasVie commented 5 years ago

When I change variables in assets/style/variables.styl some variables can be changed e.g. $body-font-family like in the example below. Others will not be changed e.g. $heading-font-family or $headings

@require '~vuetify/src/stylus/settings/_variables.styl'

$body-font-family = 'Open Sans', sans-serif
$sheet-border-radius = 7px
$heading-font-family = $body-font-family
$headings = {
  h3: { size: 65px, weight: 400, line-height: 48px, letter-spacing: normal, font-family: $heading-font-family }
}

Any ideas?

rayops-llc commented 5 years ago

For me worked adding the variables before the file.

$body-font-family = 'Nunito'
@require '~vuetify/src/stylus/settings/_variables.styl'