Что такое эквивалент LESS "импорт (ссылка)" стиль "в SASS

В дополнение к application.css.scss у меня есть несколько партикул, таких как homepage.css.scss. В настоящий момент я должен добавить загрузочный бункер @import для каждого из них, чтобы использовать загрузочные переменные и mixins.

Скажем, я хочу изменить цвет ссылок по умолчанию на красный, я бы добавил это к application.css.scss. Но ссылки на странице homepage.css.scss не будут красными, потому что импорт начальной загрузки будет перекрывать ее синим цветом.

В LESS я могу сделать @import (reference) "bootstrap", как я могу это сделать в SASS?

Ответы

Ответ 1

Ближе всего вы получите немой класс/местозаполнитель. Они немного отличаются от того, как МЕНЬШЕ и справочная работа, вы можете прочитать здесь подробнее: http://blog.teamtreehouse.com/extending-placeholder-selectors-with-sass

МЕНЬШЕ

lib.less

.class {
   background: red;
}

main.less

@import (reference) "lib";

.anotherClass {
   &:extend(.class);
}

SASS

lib.sass

%class {
  background: red;
}

main.sass

@import "lib";

.anotherClass {
  @extend %class;
}

Выход CSS

.anotherClass {
  background: red;
}