Стилирование активных ссылок в VUE с использованием Bulma ⇐ CSS

[Anonymous]

Для навигации используются следующие кнопки на странице в приложении Vuejs: < /p>

Central
Validation
List
< /code>

Вот фрагмент настройки для маршрутизатора: < /p>

export default new VueRouter({
routes,
linkActiveClass: "active", // active class for non-exact links
linkExactActiveClass: "active" // active class for exact links
});
< /code>

Bulma - это структура CSS, используемая в этом проекте, и переменные, связанные со стилями ссылок, установлены следующим образом в файле с названием index.scss: < /p>

$link: $primary;
$link-invert: $primary-invert;
$link-focus-border: $primary;
$link-active: $white;
< /code>

Вот текущее поведение, использующее этот код: < /p>


Когда кнопка нажимается на фоновый цвет кнопки изменений в настройке цвета для «is-primary» (это хорошо) < /li>
. /> < /ul>

Почему $ не Active: $ White; < /code> Изменение текста нажатой ссылки на белый?
.active {
color: white;
}

< /code>

Приведенный выше тест не подходит для производственного кода - исправление для этого должно быть где -то в настройках переменной Bulma. Но где/как, вопрос.

Подробнее здесь: https://stackoverflow.com/questions/613 ... sing-bulma