осмотр
Оформить заказ @superflycss/utilities-colors
и построить его:
git checkout [email protected]:superflycss/utilities-colors.git cd utilities-colors sfc b
Если теперь вы посмотрите на файл target/main/css/index.css
, который импортирует все подмодули, вы заметите, что 171382строки сгенерированного кода. Например, мы охватываем все трехзначные цветовые комбинации.
Ну и что?
Браузеру сложно быстро загрузить столько CSS и быстро управлять им. Если вы попытаетесь использовать инструменты разработчика, вы поймете, что я имею в виду. Это также замедляет сборку CSS. Импортирует только те модули/подмодули, которые необходимы. Например, если мы используем только материальные цвета, то импортируем только этот дополнительный модуль.
@import "@superflycss/utilities-colors/material" @import "@superflycss/utilities-colors/material/effects/material"
Вторая строка также импортирует модуль материальных эффектов на случай, если потребуется изменить цвет текста или фона при наведении курсора.