Как выбрать родителя родителя в JSS?

Как выбрать родителя родителя в jss ?

'@global': {
        '.header-block': {
            display: 'flex',
            alignItems: 'center',
            justifyContent: 'space-between',

            '&&_open': {
                display: 'flex',
                flexDirection: 'column',
                background: colors.black.hex,
                width: '100%',
                height: '100%',
                position: 'fixed',
                top: 0,
                left: 0,
                padding: '15px 20px 20px',
                zIndex: 100,
                boxSizing: 'border-box',
                
                '& .header-block__menu': {

                },

                '& .header-block__btn': {
                    width: '100%'
                }
            },
  • Вопрос задан
  • 80 просмотров
Решения вопроса 1
rockon404
@rockon404 Куратор тега React
Frontend Developer
Как вариант:
const mainSelector = '.header-block';

const styles = {
  '@global': {
    [mainSelector]: {
      '&&_open': {

        [`& ${mainSelector}__menu`]: {
        },

        [`& ${mainSelector}__btn`]: {
        },
      },
    },
  },
};
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы