Есть ли способ скомпилировать классы из разных файлов SCSS в один класс?
Вы можете запутаться в этом вопросе, я только что понял, используя firebug, что мы должны управлять нашим CSS в разных файлах, ну, это не новая идея, новая вещь - "один класс, разбитый на разные файлы". Например: Предположим, у вас есть неупорядоченный список
<section class="to-do">
<ul>
<li> Eat </li>
<li> Design </li>
<li> Watch Movies </li>
<li> Listen to Eminem </li>
<li> Code </li>
<li> Sleep </li>
</ul>
</section>
Я должен дать этому много классных стилей, один из способов, который мы все делаем, это сделать класс в документе css / scss следующим образом:
.to-do {
/* width/height/padding/border/margin/position */
/* font/font-size/text-decoration */
/* colors */
/* transition effects */
/* custom icons for bullets */
}
Мы можем сделать это, но я хочу более управляемый способ. Как поместить каждый тип стиля в отдельный файл с одинаковым классом.
"width/height/padding/border/margin/position" in a file named _layout.scss
"font/font-size/text-decoration" in _typography.scss
"colors" in _colors.scss
"transition effects" in _transitions.scss
а также
"Пользовательские иконки для пуль" в файле, скажем, _media.scss
и, наконец, когда вы его компилируете, он создает только один класс, т.е..to-do
Я пробовал это, но, к сожалению, это делает один класс, но четыре раза:(по одному из каждого файла. Я уверен, что должен быть какой-то способ сделать это, чтобы мы могли управлять нашими проектами на основе scss как босс:)