typescript-plugin-styled-components

typescript-plugin-styled-components copied to clipboard

Styles stop working when inside styled you try to style a nested element Style border-top for InnerContainer not working

const InnerContainer = styled.div'
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 16px 0;
';

const Container = styled.div'
    padding: 0 24px;

    & + & {
        ${InnerContainer} {
            border-top: 1px solid ${theme.palette.bg.level3};
        }
    }
';

Expected: Style border-top for InnerContainer working.