Кстати, ты мне так и на показал способ не смотреть в чёрный ящик при прокидывании классов 😉

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

рили?

вот тебе компонент:

<div class={className}>
   <div>
      ...
      <button></button>
   </div>
</div>

задай плиз отступы для кнопочки

но только ты конечно же в черный ящик не смотришь

Откуда у вас столько времени на всю эту методологию и вкусовщину?) тоже хочу в такой сфере работать ;)

buttonClassName🌚

У меня это фрилансом называют 😉

Тулинг подъезжает:
https://twitter.com/pikapkg/status/1316058923707760640?s=21

Офтопики принимаются?)

Круто ) если я своему шефу  рассказывал бы про то как потратил вес  день на нейминг классов и прочее, это бы был мой последний день )

я не буду отвечать на этот бред

Обычно тот кто не пойман - не вор ;)

почему бред можешь обосновать?

Но вообще да, есть такое

могу сказать "за себя и за Сашку". у меня в должностные обязанности входит анализ технологий и их применяемости. обсуждения тут кладезь чужих ошибок, эйдж-кейсов и решений, а значит я могу учиться на них и при оценке очередного проекта заранее видеть подходные камни. Ну а у @volodya11let просто проект на несколько метров сорцов, в нем лень разбираться наверное, поэтому много свободного времени 😄

вот вот, потому что невозможно застилизовать как угодно компонент, который состоит НЕ из одного элемента, через класс установленный на рут-ноде и при этом не лазить в кишки и не смотреть как он устроен. В итоге решение на className будет точно также знать про структуру компонента, либо нужны будут дополнительные интерфейсы (тот же buttonClassName), которые должен поддерживать компонент. В итоге, решение на .parent :global() имеет точно те же недостатки, но при этом позволяет застилизовать действительно любой произвольный компонент, даже не предоставляющий специальных апи

ты сначала выдели у себя там компонент, мы отступы компоненту даём а не говнищу внутри него. Если у тебя анализ такой примитивный и ты боишься эджкейсов то это не моя проблема. Есть метода когда все работает и не рассыпается. Мне не важно поймёшь ты ее или нет, потому что в скоупинге свелта и так все рассыпается. Для меня было важно понять почему в свелте моя метода будет работать плохо, я понял. Не буду использовать скоупинг свелта и пойду в обход.

меня вообще пугают global и штуки типа
.className div(вставить любой элемент)  {
 &:какой-то еще тег
}

есть компонент кнопки и он сложнее чем просто тег <button>, вот такой вот он. стилизован ли он так, или эта разметка нужна для каких-то других целей, не так важно. главное что внутри разметки таки есть реальная кнопка, которую надо подвинуть или как-то еще поменять стили