Переопределить переменную sue Vuetify 2.0 $ heading-font-family - PullRequest
Новая
       30

Переопределить переменную sue Vuetify 2.0 $ heading-font-family

0 голосов
/ 04 июня 2019

В Vuetify 2.0.0-beta.0 я пытаюсь переопределить переменную по умолчанию $ heading-font-family. Это не работает Однако я могу переопределить, например, $ body-font-family, $ font-size-root или $ btn-border-radius.

Я следовал документации от https://next.vuetifyjs.com/en/framework/theme

Мой main.scss выглядит так: 


// main.scss

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

// The variables I want to modify
$font-size-root: 16px;
$body-font-family: Arial, sans-serif;
$heading-font-family: 'Open Sans', sans-serif;
$btn-border-radius: 8px;

Мой файл .vue содержит шаблон с этим HTML: 

// in my vue Template

...
<div class="hello">
  <h1 class="display-1">{{ msg }}</h1>
  <p>Lorem ipsum dolor sit amet...</p>
  <v-btn color="pink" dark>Click me</v-btn>
</div>
...

Когда я проверяю H1 в консоли, я ожидаю, что у него будет семейство шрифтов 'Open Sans', sans-serif. Вместо этого я вижу «Робото», без засечек. Это было значение по умолчанию $ body-font-family, прежде чем оно было переопределено в моем пользовательском файле main.scss

Как я уже сказал, другие переопределения из моего main.scss работают нормально. Что я тут не так делаю?

...