Skip to content

Instantly share code, notes, and snippets.

@ivandoric ivandoric/momo.js
Created May 6, 2019

Embed
What would you like to do?
Za momu JSS
/* 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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.