2021-11-10 14:02:01
UnoCSS — новый и интересный CSS движок
Это atomic-css движок, а не фреймворк а-ля Tailwind (хоть и автор вдохновлялся им) и точно не препроцессор
UnoCSS даёт возможность написать свой Tailwind за пару тыков и будет оптимизировать твой css
Что умеет?
— Есть пресеты, что позволяет склепать тебе свой фреймворк за минуты или же использовать сторонние
— Кастомные правила ['m-1', { margin: '0.25rem' }]
— Шорткаты, {'btn': 'py-2 px-4 font-semibold rounded-lg shadow-md', 'btn-green': 'text-white bg-green-500 hover:bg-green-700'}
— Оптимиизация css правил, для минификации кода
— Кастомные Variants (пример Variant из Windi CSS)
— Подддержка нескольких тем
— Слои css классов, можно объединять классы в группы и задавать какая группа должна переопределять другую
— Собственный инспектор
— В разработке находится изолирование стилей
Работает
только с Vite
Не прод-реди Playground: https://unocss.antfu.me/
Github: https://github.com/antfu/unocss
936 views11:02