Глобальный файл стилей в Nuxt
Давайте познакомимся с глобальной
таблицей стилей проекта. Её обычно
кладут в app/assets/css/main.css:
каталог assets предназначен
для статических ресурсов, которые
сборка подхватывает вместе с приложением.
В этом файле описывают правила,
которые должны действовать на всём сайте,
а не внутри одного .vue файла.
Типичный старт - базовое оформление
body: шрифт без засечек
и обнуление внешних отступов браузера.
Пока файл лежит в проекте отдельно,
браузер его не применяет: Nuxt должен
знать, что таблицу нужно подключить
ко всему приложению. Сейчас создадим
main.css как единое место
для общих правил, в том числе классов
для шапки и меню макета:
body {
font-family: sans-serif;
margin: 0;
}
Создайте main.css с базовым
оформлением body для вашего проекта.
Задайте в том же файле цвет обычных текстовых ссылок на сайте.
