Class naming 101: BEM

In case you missed it: Cross-site copy/paste is here.
What does this mean? First, Webflow designers across the world are crying tears of joy. Second, modularity … to the max!
Now, in addition to eliciting tears of joy, this feature also places a new importance on naming elements so they can be accessed and reused without much trouble.
There are only two hard problems in Computer Science: cache invalidation and naming things
— Phil Karlton
Why does naming matter? Well, elements named without any structure or naming convention lead to unmaintainable CSS.
Unmaintainable CSS?
Noooooo.
–me, you, all of us.
Enter BEM. Bam.