а сейчас чем пользоваться?

видимо, я из прошлого века)

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

Ох, ты открыл ящик Пандоры…

хм, ок, если у двух компонентов есть кнопки, то чем их сбрасывать? В каждый миксин с ресетом кнопки пробрасывать или дублировать стиль?

Не мешай людям изобретать БЭМ ))))) (правда чаще всего получается БЁМ, но это другая история)

А тут уже я второй ящик открыл… 🤦‍♂️

Лучше всего сделать кнопку отдельным компонентом.

А как Ё расшифровывается?

Как-то ругательно скорее всего…

Хм, вроде, логично. Т.е. если кнопка нужна только для семантики - как в случае с кнопкой-иконкой, то все равно использовать тот созданный компонент в компоненте кнопка-иконка?

Ох… Я ещё и политику сюда вплёл…

Держите меня семеро!

Ну да, почему бы и нет? Вообще типичная ситуация - базовый компонент-кнопка с ресетом и наследники с разными стилями: невидимая, привлекающая внимание, обычная, иконочная и тд.

Матрёшка из ящиков Пандоры?

Звучит, удобно, спасибо) Пока какие-то крайние случаи в голову не приходят

Уж лучше пусть ресеты используют. А то так и до гос. переворота недалеко…

Если делать только для современных браузеров, то можно сделать `all: initial`нужным элементам и будет сказка. К сожалению, после обработки этого через postcss получается огроменная портянка стилей сброса. В таком случае проще подключить один reset|normalize и адаптировать его под собственные нужды.

Если есть беспокойство что какие-то сторонние стили будут конфликтовать, всегда можно добросить к каждому селектору неймспейс, типа button[class^="my-ns-"]

Моё мнение (и вы можете с ним не соглашаться) - хорошо настроенный ресет сильно облегчает жизнь

Одному. И портит всем остальным, когда они пытаются использовать ваш компонент у себя на проекте. Но «для себя» — вполне законный приём, согласен.