diff options
Diffstat (limited to 'packages/website/ts/@next/components/button.tsx')
-rw-r--r-- | packages/website/ts/@next/components/button.tsx | 13 |
1 files changed, 12 insertions, 1 deletions
diff --git a/packages/website/ts/@next/components/button.tsx b/packages/website/ts/@next/components/button.tsx index ea7f286b3..24da860ba 100644 --- a/packages/website/ts/@next/components/button.tsx +++ b/packages/website/ts/@next/components/button.tsx @@ -2,6 +2,7 @@ import * as React from 'react'; import { Link as ReactRouterLink } from 'react-router-dom'; import styled from 'styled-components'; +import { BREAKPOINTS } from 'ts/@next/components/layout'; import { colors } from 'ts/style/colors'; interface ButtonInterface { @@ -71,6 +72,16 @@ export const ButtonWrap = styled.div` a + a, a + button, button + a { - margin-left: 10px; + @media (min-width: ${BREAKPOINTS.mobile}) { + margin-left: 10px; + } + + @media (max-width: ${BREAKPOINTS.mobile}) { + margin: 0 10px; + } + } + + @media (max-width: ${BREAKPOINTS.mobile}) { + white-space: nowrap; } `; |