Za momu JSS

momo.js

/* eslint-disable quote-props */
const style = theme => ({
    mainNav: {
        marginLeft: '-80px',
        '& .menu-wrap': {
            position: 'relative',
            zIndex: 9
        },
        '& .logo': {
            marginLeft: '20px'
        }
    },
    menuContent: {
        padding: '0 120px',
        display: 'none',
        flexDirection: 'column',
        justifyContent: 'center',
        background: theme.palette.common.black,
        position: 'absolute',
        top: 0,
        left: 0,
        width: '100%',
        height: '100%',
        zIndex: 1,
        '& .open': {
            display: 'flex'
        },

        '& ul': {
            listStyle: 'none',
            marginBottom: 0,

            '& a': {
                color: theme.palette.common.white,
                fontSize: '32px',
                fontWeight: 900,

                '&:hover': {
                    color: theme.palette.common.orange
                }
            },

            '& li': {
                marginBottom: '40px'
            },

            '& ul': {
                marginLeft: 0,
                paddingTop: '40px',
                position: 'relative',

                '&:before': {
                    content: '""',
                    width: '30px',
                    height: '1px',
                    background: theme.palette.common.white,
                    position: 'absolute',
                    top: 0,
                    left: 0
                },

                '& li': {
                    marginBottom: '30px',

                    '&:last-child': {
                        marginBottom: 0
                    },

                    '& a': {
                        fontSize: '18px',
                        fontWeight: 'normal'
                    }
                }
            }
        }
    }
})

export default style