Импорт scss и использование стилей только если элемент находится в родителе?

Question

[Vadim Stepanenko]

привет!
стили написаны по БЭМу, у каждого блока свой файлик scss.

есть сайдбар из ui библиотеки, со своими стилями.
если сайдбар является потомком контейнера .dashboard нужно перезаписать некоторые стили, если потомком не является, то оставляем стили из ui kit.

есть файл sidebar.scss:

.sidebar {
     &__inner {
          ...

          &:hover {
               ...
          }
     }
     ...etc
}

и есть стили для dashboard:

.dashboard {
     ...
}

нужно как-то заимпортить .sidebar в .dashboard, чтобы стили из сайдбара применялись только потомкам dashboard. это возможно сделать?

Comments

[WapSter]

Скорее всего нет, ты же наперед не знаешь, потомок там есть или нет. Но ты можешь воспользоваться функцией :not

[Ankhena]

Это?

.sidebar {
    color: red;
    
    .dashboard & {
        color: green;
    }
}