матрица сосёт

И цвета

ясно

зря я нажал - View source -((

стресс-тест

Вообще не понимаю, почему он людям нравится. Это же тот же цсс, только запиханый в классы штмл, нет?

Это одна из реализаций методологии Atomic CSS. Несмотря на некоторое противоречие идее о том, что названия классов должны определятся семантикой, а не тем какой внешний вид они задают, эта методология имеет право на жизнь. Особенно в тех случаях, когда дизайнер на многостраничном сайте пускается во все тяжкие.

Ну да, я знаю, что это атомик.
Но не совсем понимаю профита, если честно.
Или это такая штука, которую нужно попробовать, чтобы ощутить профит?

Или профит в том, что легко поддерживать/менять элементы?

Чтобы понять, надо попробовать, конечно. Если прибегать к аналогиям, то, думаю, лучшей аналогией для этой методологии будет "палитра". Вот все такие библиотеки как tailwind – это палитры с красками.

Чтобы задать внешний вид какому-то элементу мы просто берём краски из этой палитры и смешиваем.

В CSS это могло бы выглядеть вот так:
.card {
  @extend .bg-white;
  @extend .rounded;
  @extend .md:flex;
}

Но если у нас таких свойств мало или они сильно различаются между карточками, то мы приходим к логичной мысли: а зачем создавать класс, когда можно просто использовать эти свойства? Вот так мы и приходим к Atomic CSS.

И с точки зрения когнитивной сложности такой подход, в целом, проще: нужно меньше думать, меньше заниматься обобщением и анализом.

Хм, спасибо. Попробую в свободное время

Скажу сразу, я не агитирую за данную методологию, я говорю что ей можно дать шанс. Просто я сам на одном из проектов имел опыт её применения и он оказался вполне приятным, хотя по началу и вызвал неприятие.

Ну вот я слышал очень много неприятного про атомик и самому кажется такая методология не очень.
Но попробовать все же стоит, думаю

это будет fatality у кого-то с мозгом, не надо так

Если у бати проблема, то проблема у всего чатика, мне кажется

@YAZuk85 для этого есть дизайнеры. Лучше обратиться к ним в чат

Такой кейс, когда появляется справа скролл, когда расширяешь контейнер в высоту?
Соответственно, когда появляется скролл, календарь немного начинает плясать, потому что уменьшается ширина контейнера, как этого избежать?

ок