Меньше компиляции всех пустых элементов

Как я могу сделать, чтобы собрать все пустые элементы из .less в .css? , напримерМеньше компиляции всех пустых элементов

.nav-tab{ 
    &__item{ 
    margin: 10px; 
    } 
}

Он был скомпилирован в: .nav-tab__item{margin: 10px;} Но мне нужен:

.nav-tab{} .nav-tab__item{margin: 10px;}

Это не будет работать, если я добавить любые свойства, но без него не компиляций:

.nav-tab{}

Я попробовал WinLess и Gulp-less ps Мне нужно это для «Emmet LiveStyle». первый: добавить селектор, второй: заполнять его с помощью Devtools хромового

источник

2016-05-05 Евгений Гедройц

Зачем вам нужен этот .nav язычок '{}' в любом случае? Он ничего не сделает, не так ли? – Harry

@Harry, потому что .nav-tab {} является только континентом для свойств. Я смогу заполнить его с помощью DevTools из Chrome –

В инструментах Chrome Dev вы можете добавить селектор, и вам совсем не нужно, чтобы контейнер присутствовал в CSS. Просто нажмите значок «Новый стиль» (значок +). – Harry

Вы можете использовать поддельный набор правила (например, ignore: me;) или вставить комментарий:

.nav-tab { 
    /* force LESS to generate an empty ruleset */ 

    &__item { margin: 10px; } 
}

должен привести к следующему CSS:

.nav-tab { /* force LESS to generate an empty ruleset */ } 
.nav-tab__item { margin: 10px; }

DEMO

источник

2016-05-05 12:20:55

спасибо. Ваш хак, возможно, полезен для создания фрагментов –

вверх: поддельный набор правил только без ошибок с LiveStyle –

Меньше компиляции всех пустых элементов

ответ

Смежные вопросы