dr.Brain

doctor Brain

мир глазами веб-разработчика

tailwind

Tailwind: многоуровневый нумерованный список

создаем многоуровневые нумерованные списки в Tailwind CSS

dr.Brain

время чтения 1 мин.

Photo by Sri Ferrdian on Unsplash

Tailwind предоставляет разработчику определенное многообразие классов утилит для работ со списками. Однако, для того чтобы создать многоуровневый нумерованный список, необходимо прибегнуть к кастомизации.

Tailwind: футер у нижнего края страницы

размещаем футер в нижней части страницы с помощью Tailwind CSS

dr.Brain

время чтения 1 мин.

Photo by Jay Bhadreshwara on Unsplash

Довольно часто, верстая страницы, можно обнаружить, что, если содержимое страницы недостаточно объемное, под футером остается ненужное пространство.

Tailwind: интерактивность

добавляем интерактивности в пректы с Tailwind CSS

dr.Brain

время чтения 1 мин.

Photo by Ralph Katieb on Unsplash

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

Tailwind: пользовательские условия

создаем пользовательские условия для применения стилей в Tailwind CSS

dr.Brain

время чтения 1 мин.

Photo by Yasamine June on Unsplash

Хорошо реализованная возможность кастомизации является одной из лучших особенностей Tailwind CSS. Вся магия происходит в файле tailwind.config.js. Давайте рассмотрим как создавать пользовательские условия для применения стилей.

Tailwind: @apply

@apply для часто используемых компонентов в Tailwind CSS

dr.Brain

время чтения 1 мин.

Photo by Filippo Miscioscia on Unsplash

Знакомство с Tailwind CSS подразумевает приобретение навыков использования классов-утилит. Но очень немногие знают, что с помощью директивы @apply классы-утилиты можно объединять в пользовательские классы. И эта возможность кардинально меняет правила игры в Tailwind, когда дело касается чистоты HTML-кода и повторного использования стилей.

Новые публикации

Далее

Категории

О нас

Frontend & Backend. Статьи, обзоры, заметки, код, уроки.