roleypoly/v3
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly.git synced 2025-06-17 18:09:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

try editor as preview

Browse source
This commit is contained in:
41666 2021-07-05 19:51:51 -05:00
parent 7d681d69d6
commit 67fac31ab4
8 changed files with 163 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

26
packages/design-system/atoms/breakpoints/BreakpointText.tsx Normal file
View file

@ -0,0 +1,26 @@
import styled, { css } from 'styled-components';
import { onSmallScreen } from './Breakpoints';
const ShowOnSmall = styled.span`
display: none;
${onSmallScreen(css`
display: initial;
`)}
`;
const ShowOnLarge = styled.span`
display: initial;
${onSmallScreen(css`
display: none;
`)}
`;
export const BreakpointText = (props: { small: string; large: string }) => {
const { small, large } = props;
return (
<>
<ShowOnSmall>{small}</ShowOnSmall>
<ShowOnLarge>{large}</ShowOnLarge>
</>
);
};

1
packages/design-system/atoms/breakpoints/index.ts
View file

@ -1,3 +1,4 @@
export * from './BreakpointProvider';
export * from './Breakpoints';
export * from './BreakpointText';
export * from './Context';