RSS Джулия Эванс
Подписаться
Ухожу от Tailwind и учусь структурировать свой CSS.
Автор размышляет о своем пути с CSS, изначально приняв Tailwind за его структуру, но теперь переходит на ванильный CSS. Это изменение было вызвано желанием глубже понять CSS и улучшить свои навыки. Автор подробно описывает новую структуру CSS, включая импортированный сброс, компонентный стиль, предопределенные цветовые переменные и систему размеров шрифтов, адаптированную из Tailwind. Они также используют служебные классы, создают основу для глобальных стилей и сознательно управляют отступами. Адаптивный дизайн больше полагается на CSS-сетки, отходя от подхода Tailwind, ориентированного на медиа-запросы. Система сборки использует esbuild для производственной сборки, хотя это и не обязательно во время разработки. Автор излагает основные причины миграции, ссылаясь на зависимость от системы сборки, улучшение знаний CSS, ограничения Tailwind и стремление к более семантичному HTML. В заключение они обсуждают такие функции, как @layer, и признают преимущества Tailwind, по-прежнему находя ценность в его принципах.