Создать селекторы без объявления

Question

Я планирую использовать SASS, создав [_partial] и использовать [@import].

Вопрос: Как создать селекторы без объявления?.

Я, конечно, заполню селекторы объявлением, но этот вклад поступает от других [_partials]. Правильно ли я понял, что SASS удалит селектор, который не имеет декларации? Есть ли обходной путь?

Моя структура партиалов выглядит следующим образом.

• @ import '_1 -partal_variables.sass'
• @ import '_2 -partal_divs_only.sass'
• @ import '_3-частичное_wrapper.sass'
• @ import '_4 -partal_divs_layout.sass'

Что я пробовал до сих пор:

В [_2 -partal_divs_only.sass] я попытался:

.div-1

(сборка выполняется без ошибок, но сам div не создается).

.div-1 {};

(скрипт сборки говорит: «Ошибка: ожидаемый перевод строки».

А как насчет тех же сценариев, использующих SCSS в качестве исходного файла?

Результаты точно такие же, селектор с пустым объявлением не создан.

Моя строка сборки:

sass --no-source-map main.sass main.css

Answer 1

Кажется, это работает для того, чтобы компилятор SASS создал селектор [.div-1]:

.div-1
  /*! keep */

Это также работает:

.div-1
  /**/

Поскольку источником является файл SASS, я не добавляю ни [{}], ни [;].

Эти символы создаются автоматически при построении из SASS в CSS.