Возможно ли в SASS наследование от класса в другом файле?

Вопрос в значительной степени говорит обо всем.

Например, если бы я использовал, скажем, Twitter Bootstrap , мог бы я определить классы в моей собственной таблице стилей SASS, которые наследуются от классов CSS Bootstrap? Или наследование в SASS работает только в рамках одного файла?

ДА! это возможно.

Если вы хотите, чтобы все <button>элементы унаследовали .btnкласс от кнопок Twitter Bootstrap по умолчанию

В вашем styles.scssфайле вам сначала нужно будет импортировать _bootstrap.scss:

@import "_bootstrap.scss";

Затем под импортом:

button { @extend .btn; }

** Я могу ошибаться, но если я получу то, что вы пытаетесь сделать, не можете ли вы просто использовать @extend .classname;команду внутри элемента, который вы хотите расширить? Естественно, вы должны изменять только свой собственный код, чтобы сохранить возможность обновления.

Насколько мне известно, вы должны использовать@import файл, содержащий классы, которые вы хотите использовать, в вашем файле SASS, чтобы использовать их в этом файле. Однако я не являюсь экспертом по SASS / SCSS, поэтому кто-то может знать другой способ их удаленного использования, о котором я не знаю.

Как показал принятый ответ, это возможно с помощью @import, однако @import устарел sass

Команда Sass не рекомендует продолжать использовать правило @import. В течение следующих нескольких лет Sass постепенно откажется от него и в конечном итоге полностью удалит его из языка. Вместо этого предпочтите правило @use.

Правило @use лучше подходит для использования сейчас, поскольку оно не загрязняет область импортирующего (пользовательского) модуля. к сожалению, на момент написания статьи правило использования реализовано только в Dart sass.