Как можно наследовать стили другого класса через scss?

Question

[QnaTwitt]

Мне нужно наследовать стили другого класса, из другого файла, делаю это через @extend, но проблема в том, что из-за того что я делаю импорт всего файла где все эти стили, они все записываются в мой файл... Можно как-то импортировать только определённый класс, и его наследовать? Что бы не было лишних стилей в файле при импорте...

Comments

[Ankhena]

Удобнее завести миксин.

но проблема в том, что из-за того что я делаю импорт всего файла где все эти стили, они все записываются в мой файл...

В смысле, вы любитель писать БЭМ элементы через &?

[QnaTwitt]

Ankhena, Я ктому что в том файе который я импортирую есть ещё классы, по мимо тех что мне нужны....

он выглядит как-то так

.div1 {
  color: red;

  &__dd11 {
     border: 14px solid;
  }
}

.div2 {
  color: blue;

  &__dd22 {
     border: 11px solid;
  }
}

.div3 {
  color: yellow;

  &__dd33 {
    border: 12px solid;
  }
}

.div4 {
  color:  green;

 &__dd44 {
   border: 17px solid;
  }
}

Все эти стили находятся допустим в файле div.scss

Я хочу наследовать стили класса .div2, для этого мне нужно его импортировать туда где я хочу наследовать

@import 'div.scss'

и наследую
@extend .div2;

После такого у меня в том файле где я наследую появляются стили .div1\.div3\.div4 который мне не нужны.

Возможно как-то импортировать и наследовать только .div2?

[Ankhena]

QnaTwitt, если все файлы собраны импортом в основной файл, то второй раз импорт не нужен.

Но про миксины я уже написала.
В большинстве команд, в которых я работала, extend запрещен.

[QnaTwitt]

Ankhena, Понял, спасибо