Less/Scss trick to generate BEM-styled selectors

Less BEM-styled selectors

Less css trick to generate BEM-styled selectors, by Max Shirsin, http://noteskeeper.ru/1139 + Scss version

@block: ~".dm-import-feed";

@{block} {
    &_step_2 {
        @{block}__page_step_2 {
            display: block;
        }
    }
}

Scss BEM-styled selectors

Scss variant of this hack

$block: #{".dm-import-feed"};
	
#{$block} {
    &_step_2 {
        #{$block}__page_step_2 {
            display: block;
        }
    }
}