Предстоящий Tailwind CSS 1.2.0 включает поддержку сетки и новые утилиты

Адам Уотан, создатель Tailwind CSS, опубликовал примечания к раннему выпуску грядущего обновления версии 1.2.0 фреймворка. Новая версия будет включать долгожданную поддержку CSS-сеток и несколько других полезных функций для дизайнеров приложений и веб-сайтов. В обновлении нет запланированных критических изменений.

Tailwind CSS – это CSS-фреймворк, ориентированный на полезные функции, который быстро получает поддержку дизайнеров и разработчиков. Некоторые темы WordPress начинают появляться в публичной сфере, которые их используют, но чаще используются как часть внутреннего набора инструментов в агентствах, в которых стандарты необходимы для удержания команд на одной странице.

Разработчики, уже использующие фреймворк, могут поискать обновление в течение нескольких дней. «Прямо сейчас у меня нет запланированных изменений этих функций, так что, пока никто не обнаружит серьезных проблем, я помечу реальную версию 1.2.0 на следующей неделе, как только соберу некоторую документацию», – сказал Уотан в Twitter .

Сейчас хорошее время для новых разработчиков, чтобы начать возиться с фреймворком CSS. С добавлением новых классов сетки CSS мало что невозможно для большинства случаев использования.

Я строю с Tailwind или его подмножеством уже около года. Помимо настраиваемых сценариев, я смог построить большинство проектов, написав небольшой код CSS. Для тех, кто в первую очередь имеет опыт разработки, это была находка для быстрого создания сложных макетов. Поддержка CSS-сетки была большим элементом, которого я ждал. Я уже построил собственную сетку на основе схемы именования Tailwind. Моя реализация почти такая же, как и в Tailwind CSS 1.2.0.

Другие новые функции включают классы для функций CSS, таких как:

• transition
• transform
• stroke-width
• box-sizing
• clear

Версия 1.2.0 добавляет дополнительные служебные классы для закругленных углов и размеров теней. Он также расширяет свою поддержку для установки максимальной ширины элемента. Были добавлены новые служебные классы для удаления максимальной ширины и установки ее на основе предопределенных точек останова.

Inter шрифт теперь сидит на вершине стека шрифта и будет использоваться , если он установлен на компьютере пользователя , или если нагрузки разработчика его на сайте. Inter – популярный шрифт, созданный специально для экранов компьютеров. Доступны как фиксированные, так и переменные варианты. Тема Twenty Twenty, выпущенная с WordPress 5.3, использует переменную версию Inter для нескольких элементов своего дизайна.

Для разработчиков, которые расширяют Tailwind CSS, теперь у них есть новый API плагинов для создания собственных плагинов. Плагины также могут расширять файл конфигурации пользователя .

В целом, похоже, что это будет серьезное обновление. Я очень рад покопаться в этом и использовать некоторые из новых служебных классов.