Tailwind

Сниппеты Tailwind Компоненты Tailwind Tailwind и Vue Hugo и Tailwind Tailwind и PurgeCSS Tailwind и postcss-extract-media-query

https://tailwindcss.com/docs/ Discussions Tailwind Best Practices CHANGELOG

Tailwind Cheat Sheet — с поиском, легкий Tailwind Cheat Sheet — с поиском, тяжелый, но более актуальный Tailwind Cheat Sheet — в текстовом виде на GitHub

Чем Tailwind отличается от других CSS фреймворков: большое обсуждение на Hacker News.

Наши репозитории для начала работы с Tailwind

• https://gitlab.com/zina.design/tailwind-starter-pack — самая простая версия для знакомства с Tailwind
• https://gitlab.com/zina.design/tailwind-performance — Tailwind CSS + PurgeCSS + postcss-extract-media-query
• https://gitlab.com/zina.design/hugo-tailwind — минимальная конфигурация Hugo с Tailwind CSS + PurgeCSS + postcss-extract-media-query
• https://gitlab.com/romychvk/tailwind-vue-app — сборка Tailwind на основе приложения Vue.js, т.е. HTML генерируется на лету из шаблонов

Конфигурационный файл tailwind.config.js

Создать стандартный конфиг Tailwind tailwind.config.js можно командой:

npx tailwindcss init

Далее по документации: Configuration

Компоненты

• https://tailwindui.com/
• https://headlessui.dev/

Сервисы

• Tailwind Builder — Create Tailwind templates in minutes
• Tailwind Toolbox — Free Starter Templates and Components for Tailwind CSS
• Tailwind Color Shades Generator
• https://heroicons.com/ — иконки, в двух размерах: 24 и 20 px (use h-6 w-6 for medium icons, and h-5 w-5 for small icons)