Где разместить стили для классов, которые используются в базе кода с использованием архитектуры Sass 7-1

Question

Я выполняю рефакторинг устаревшего веб-приложения и пытаюсь использовать архитектуру Sass 7-1 . Код имеет несколько «глобальных» имен классов, т. Е.

.flex-expand {
    flex-grow: 1;
    flex-shrink: 1;
    position: relative;
}
.flex-scroll-area {
    overflow-y: auto;
    overflow-x: hidden;
}

Где будут размещаться классы, которые используются во многих различных файлах в базе кода?

Answer 1

Как насчет чего-то вроде abstracts/_extends.scss?

.my-expandable-element {
   @extend .flex-expand;
   background: yellow;
   color: pink;
}