Quando se trabalha com múltiplos arquivos, ou a uma maneira OOCSS(Object Oriented CSS ou CSS Orientado a objeto), você encontrará frequentemente regras que podem trabalhar em conjunto umas com as outras e nem sempre estarão no mesmo arquivo ou local. Por exemplo, você tem um objeto botão genérico - que somente fornece o estilo estrutural - que deve ser estendido por um componente parcial que adicionará estilos. Ele se traduz em um ponto de extensão de objeto. Neste arquivo:
/**
* Estende `.btn {}` em _components.buttons.scss.
*/
.btn {}Adicionando seu arquivo de temas:
/**
* Estas regras estendem `.btn {}` em objects.buttons.scss.
*/
.btn--positive {}
.btn--negative {}Esse comentário simples e de baixo esforço pode fazer muita diferença para os desenvolvedores que não têm conhecimento do relacionamentos entre projetos ou que desejam saber como, por que e de onde outros estilos podem estar sendo herdados.