Voglio refactorizzare alcuni template di componenti per supportare meglio le container queries. E dovrò aggiungere alcuni wrapper aggiuntivi, poiché non potevo interrogare un contenitore rispetto a se stesso. Ma se lo faccio, mi chiedo come nominare al meglio gli elementi di wrapping. Guardando i miei template, la mia solita denominazione mette un elemento wrapper come esterno e un container come interno.
.component {
&__wrapper {
}
&__container {
}
}
Questo sembrava avere molto senso. Ma per le container queries, dovrei sempre dichiarare l’elemento esterno come contenitore. E non sarà così intuitivo se i wrapper sono dichiarati come contenitori. Questo sembra molto meglio:
Quindi mi chiedo se qualcuno abbia già pensato a una convenzione o a un buon approccio qui? Forse ci sto pensando troppo 
ma è un breaking change se refattorizzo i template, quindi non vorrei agire d’istinto.