Использование SASS & reference для OOCSS

Question

Обычно я использую LESS для моих проектов, но теперь я пытаюсь пойти с SASS.

В LESS я делать вещи, как этот

.module { 
    background-color: blue; 

    &-title { 
    color: black; 
    } 

    &-type-2 { 
    background-color: red; 
    } 
} 

и выходной CSS будет

.module { 
    background-color: blue; 
} 

.module-title { 
    color: black; 
} 

.module-type-2 { 
    background-color: red; 
} 

В SASS не будет работать, там как-нибудь сделать это в SASS?

Answer 1

По Sass 3.3, вы можете сделать это с помощью следующего синтаксиса:

.block{ 
    &__element { 
     // ... 
    } 
    &--modifier { 
     // ... 
    } 
}