Some Block CSS contains too much specificity

[markhowellsmead]

If the accepted "rules" for BEM naming conventions are applied, the rules for a nested contained element shouldn't be wrapped by the parent class name. This is generally well-applied in the codebase, but there are rules which aren't conformant.

E.g.

gutenberg/packages/block-library/src/media-text/style.scss

Line 44 in c19d2d9

.wp-block-media-text .wp-block-media-text__content {

Is: .wp-block-media-text .wp-block-media-text__content {padding: 0 8% 0 8%;}
Should be: .wp-block-media-text__content {padding: 0 8%;}

[oxyc]

I know #11779 tracks some of these at least.

The specific example you provided I have a local branch for that I'll try and get in once #23102 and #23062 are merged.

[markhowellsmead]

Thanks @oxyc.

[skorasaurus]

Thanks for reporting; marking it as closed since the specific issues you raised have been implemented thanks to @oxyc and I agree the CSS can be better scoped in several blocks; there's some issues that address this including but not limited to #17702