George, this is misunderstanding of BEM principles. Your code should look like this:
padding: 10px 0;
<li><a href="#" class="link header__link">Hi</a></li>
<li><a href="#" class="link">Bye</a></li>
Plus, BEM syntax also isn't the prettiest one :)
George, please don't exaggerate. Yes, our decisions should be based on knowledge, metrics, etc., but also on ease of development, entry and complexity levels, adoption etc. Those factors are extremely important. I know people that would even put those higher than sheer performance, simply because, when your code is really good, differences are a lot less significant than, for example, people quitting after three months because of the tech.
Atomic CSS is easier to use than juggling between nested selectors and having to write CSS classes like:
I think we analyzed enough. This is a technology blog and we should speak like professionals, not like fanboys
chomps on popcorn
We're a place where coders share, stay up-to-date and grow their careers.
We strive for transparency and don't collect excess data.