import { createStyles , Theme } from '@material-ui/core/styles' ; import '../Popover/styles' ; export default ( { screens , shadows , palette } ) => createStyles ( { root : { display : 'flex' , alignItems : 'center' } , anchor : { display : 'inline-flex' , alignItems : 'center' , cursor : 'pointer' } , content : { fontSize : 'inherit' , background : palette . common . white , maxHeight : '14.75rem' , overflowY : 'auto' , boxShadow : shadows [ 0 ] , [ screens ( 'small' , 'medium' ) ] : { maxHeight : '14.75rem' } , '@media screen and (max-height: 585px)' : { maxHeight : 'calc(50vh - 3.5rem)' , [ screens ( 'small' , 'medium' ) ] : { maxHeight : 'calc(50vh - 3rem)' } } } , popper : { boxShadow : shadows [ 2 ] } , contentVisible : { maxHeight : 'none' , [ screens ( 'small' , 'medium' ) ] : { overflowY : 'scroll' , maxHeight : '100vh' } , '@media screen and (max-height: 585px)' : { overflowY : 'scroll' , maxHeight : '100vh' } } } ) ;