Add media query abstraction around ScreenWidths and stop relayer grid hover effect on mobile

This commit is contained in:
fragosti
2018-07-02 17:26:48 -07:00
parent 73e81c62fb
commit a5231df6d9
5 changed files with 22 additions and 10 deletions

View File

@@ -9,6 +9,7 @@ import { Container } from 'ts/components/ui/container';
import { Image } from 'ts/components/ui/image';
import { Island } from 'ts/components/ui/island';
import { colors } from 'ts/style/colors';
import { media } from 'ts/style/media';
import { styled } from 'ts/style/theme';
import { WebsiteBackendRelayerInfo } from 'ts/types';
import { utils } from 'ts/utils/utils';
@@ -111,6 +112,9 @@ const GridTile = styled(PlainGridTile)`
&:hover {
transform: translate(0px, -3px);
}
${media.small`
transform: none;
`};
`;
interface SectionProps {