DEV Community

Discussion on: We Should All Be Writing WET Code

 
nieuwepixels profile image
Nieuwe Pixels

Right, I think "modular" is the key here. Can we set up the component in such a way, that we can expand on it if needed, without breaking anything else. Atomic design could be of great benefit here.

Example:
._base_popuptitle{
// base styles
}
._variant1_popuptitle{
@extends ._base_popuptitle;
}

You could extend it any way needed. Be thoughtfull though, to not be too specific, but stay somewhat generic.

This can be applied then for each contentsection you have or add later, without breaking stuff.

It's something you need to get the hang off, but it can help greatly.