Лучшие вопросы
Таймлайн
Чат
Перспективы
Tailwind CSS
Из Википедии, свободной энциклопедии
Remove ads
Tailwind CSS — CSS-фреймворк с открытым исходным кодом, созданный Адамом Уэтеном[3] и поддерживаемый Tailwind Labs[4]. Особенность этой библиотеки в том, что, она не предопределяет CSS-классы отдельных элементов. Вместо этого она предоставляет служебные классы, которые можно объединять для стилизации каждого элемента.[5][6][7]
По состоянию на 30 мая 2024 года Tailwind CSS имеет более 79 тысяч звезд на GitHub, что делает его одним из самых популярных CSS фреймворков и GitHub репозиториев.
Remove ads
Концепция utility-first — главная особенность Tailwind.[8] В Tailwind CSS не существует классов для элементов (кнопка, панель, меню, текстовое поле, и т. п.). Каждый класс Tailwind CSS задает какое-либо свойство элемента — цвет, шрифт, размер, положение, эффекты и т. п.).
Например, при использовании какой-нибудь другой библиотеки, элементу может быть присвоен класс message-warning, задающий ему желтый цвет фона и жирный текст. Чтобы получить такой результат в Tailwind CSS, элементу нужно присвоить набор классов:
Remove ads
Режим JIT (Just-In-Time, «точно в срок») — это молниеносная компиляция CSS в процессе разработки. Поскольку стили генерируются по мере их необходимости, то нет нужды избавляться от неиспользуемых стилей на этапе продакшена, а это значит, что разработчик получает абсолютно одинаковый CSS и при разработке, и при «сборке».
Начиная с третьей версии Tailwind CSS, режим JIT используется по умолчанию.
Remove ads
Настроить классы и варианты утилит, которые предлагает Tailwind, можно с помощью конфигурационного файла, который обычно называется tailwind.config.js. В конфигурации можно задать значения классов утилит, например, цветовую палитру или размеры между элементами для полей.
Версии
Tailwind CSS использует семантическую версификацию для возможности определения совместимости версий и стратегию постепенного внедрения, чтобы разработчик мог освоить изменения на ранней стадии и избежать проблем с обновлениями в будущем.
Внешние ссылки
Примечания
Wikiwand - on
Seamless Wikipedia browsing. On steroids.
Remove ads