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

Question

[Владимир Голубь]

Как выбрать родителя родителя в 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%'
                }
            },

Comments

[Антон Спирин]

О каком родителе идет речь и где вы его хотите выбрать?

[Владимир Голубь]

Антон Спирин, .header-block { &&_open { up&__menu } , компилилось в .header-block__menu.

Answer 1

[Антон Спирин]

Как вариант:

const mainSelector = '.header-block';

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

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

        [`& ${mainSelector}__btn`]: {
        },
      },
    },
  },
};