Есть ли возможность в scss применять стили в зависимости от родительского аттрибута?

Question

[Vadim Stepanenko]

Привет! У меня тема сайта (темная/светлая) задается в атрибуте тега body theme="light/dark".

В scss есть такая конструкция для media запросов:

.element {
   ...

   @ media screen and (min-width: 544px) {
      // стили для экрана от 544 пкс
   }
}

Подскажите, а есть ли конструкция, которая позволит также задать стили элементу, в зависимости от аттрибута body? Что-то типо

.element {
   color: var(--color);

   @ body[theme="dark"] {
      --color: white;
   }

   @ body[theme="light"] {
      --color: #333333;
   }
}

Answer 1

[Сергей delphinpro]

Ну так и пишите

.element {
   color: var(--color);

   body[theme="dark"] & {
      --color: white;
   }

   body[theme="light"] & {
      --color: #333333;
   }
}