Support for nested selectors
brandongregoryscott opened this issue · 0 comments
brandongregoryscott commented
Similar to #124, I've noticed a few instances in Evergreen that group nested selectors
// _child is a friendly placeholder for consumer to override the actual selector value in the component, ie. _child: '& > *',
_child: {
'&:focus': {
zIndex: 'zIndices.focused'
},
'&:active': {
zIndex: 'zIndices.focused'
}
}
I think this would have to follow the same selectors
key pattern, i.e.
_child: {
selectors: {
'&:focus': {
zIndex: 'zIndices.focused'
},
'&:active': {
zIndex: 'zIndices.focused'
}
}
}