Изменить шрифт потрясающий цвет значка с nuxt - PullRequest
1 голос
/ 29 февраля 2020

Как изменить цвет замечательной иконки в nuxt? Я дал значку имя класса и установил цвет: # 444444 ", но, похоже, он не работает. Свойство font-size работает для значка.

    <div class="icons">
      <font-awesome-icon
        :icon="['fab', 'github-square']"
        class="icons__btn icons__github"
      />
      <font-awesome-icon
        :icon="['fab', 'twitter-square']"
        class="icons__btn icons__twitter"
      />
    </div>

    .icons {
  margin-bottom: 5rem;
  &__btn {
    margin-top: 2rem;
    font-size: 5rem;
    color: red;
  }
  &__twitter {
    margin-left: 1rem;
  }
}

1 Ответ

1 голос
/ 01 марта 2020

Вы должны еще раз проверить, правильно ли загружен ваш модуль fontawesome, или еще раз проверить, правильно ли скомпилирован ваш код css.

Я сделал демонстрацию , используя fontawesome в nuxt , надеюсь, это поможет вам.

...