Comments 5
А теперь открываем документацию tailwind и смотрим на неё. Практически сразу все понятно. Четко описано как получить то, что нужно, какие возможности есть. Система плагинов дается в самом конце.
После этого пытаемся открыть документацию на unoCSS и понять, как им пользоваться, просто чтобы получить нужный результат. Представим, что вы до этого документацию по tailwind или чему-то другому не видели и что это первый "атомарный фреймворк", с которым вы решили познакомиться, как с "самым гибким и от создателей vue".
Лично у меня не возникло желания даже попробовать. И даже зная и применяя tailwind я не хочу пробовать uno, потому что наверняка придется спотыкаться на чем-то, что не будет работать так, как мне надо, а искать ошибки и обходные решения в стиле "смотрите код" прям очень не хочется.
Отдельно странно то, что на сам vue почти идеальная документация.
Hidden text
Скорее всего если вы искали документацию по tailwind, то ее конечно нет на unoCSS. Базовая информация представлена по кнопке Getting Started. И ключевое что нужно было понять: это не новый Tailwind а буквально фреймворк для создания CSS с атомик подходом (там как раз пример с 1 правилом).
И из коробки он имеет ровно 0 выхлопа и вам показывают как создавать ваши правила для создания утилити классов.
Дальше вам сообщается что вот все это объединяется в preset-ы. А сами пресеты уже подключаются к проекту: вас отсылают к стандартным пресетам по ссылке. И уже от выбранных пресетов зависит подход (в том числе есть пресет для подобия tw)
Дальше есть ссылки на плейграунд и интерактивную документацию по стандартным пресетам.
Продающих страниц особо у технологии нет. Да и подход отличается еще раз от tw вместо готового решения это буквально супер комбайн по решению задач связанных с атомик подходом (кастом правила, аттрибутифай, айконифай, тегифай и тд)
Я как раз и искал документацию по "стандартным" пресетам, чтобы можно было понять, какие возможности они предоставляют.
Плейграунд и интерактивная документация? Вы пробовали сравнить их и документацию на tailwind(или windy, при том, что они не на 100% совместимы)? Вы действительно не видите разницу в том, чтобы показать что есть и "вот тут вы можете найти если знаете, что искать". К тому же она тормозит (попробуйте поискать аналог https://tailwindcss.com/docs/hover-focus-and-other-states#styling-based-on-parent-state).
Про отсылки к документации на tailwind - я уже выше написал, что не готов вслепую тыкаться в то, что же в их "стандартных зуб даю совместимых" пресетах работает не так как я ожидаю. Ну и кроме tailwind (он же windy) есть какой-то минимальный пресет mini, да и другие тоже.
«Стандартные пресеты» предоставляют возможность использовать одновременно пресеты Tailwind и Windy, про разницу рассказано, её совсем немного. Про минимальный пресет mini тоже рассказано, что там сложных утилит типа анимации нет. Ссылка на документацию Tailwind есть, ссылки достаточно. Есть интерактивный гайд, которого тоже, в общем-то, достаточно:
https://unocss.dev/interactive/
про разницу рассказано, её совсем немного
А можете ткнуть в конкретное место?
Есть интерактивный гайд, которого тоже, в общем-то, достаточно
Про него я уже написал: во первых, тормозит, во вторых, нужно знать, что искать. и не все находит "на шару":
А вот результат поиска по докам tailwind:
Не говоря уже о том, что до этого места просто дойти читая докумнтацию сверху вниз. А работают ли группы в uno я так и не понял.
Atomic CSS здорового человека. UnoCSS