Решение оказалось удачным, многим понравилось и его стало использовать большинство (по моим субъективным оценкам).
.col-xs-fifth {
@include make-col-ready(20px); // гуттер
@include make-col(1, 5);
}
@include media-breakpoint-up(sm){
.col-sm-fifth {
@include make-col-ready(40px); // гуттер
@include make-col(1, 5);
}
}
.block-name__elem-name_mod-name_mod-value
но имеют возможность настройки. Некоторые используют буржуйскую нотацию. Мне лично два дефиса для модификаторов тоже нравились, но в силу поддержки инструментарием ушел от них в классику.Так что по большому счёту — дело вкуса.
PS Например, Emmet разворачивает строку
.blk_small[tab]
в<div class="blk blk_small"></div>