I’m building my first site with Bricks. Now that I’m finally using a builder that has clean HTML, I thought I should work out the best CSS naming standards. I’m using BEM but I’m asking for people’s opinions regarding the words they use in the classes.
E.G. Screenshot below is using the full words, like hero__container hero__description hero__content-wrapper etc.
Maybe I’m over thinking this but do you think I should use shorter versions like;
hero__con hero__des hero__cont-wr etc ?
Maybe on really large pages, it would have some effect on performance / DOM size?