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

add editor wiring and styling updates

Browse source
This commit is contained in:
41666 2021-07-05 12:04:46 -05:00
parent 1c38ab145c
commit 8cf3b2c78d
20 changed files with 434 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

20
packages/design-system/atoms/halfsies/Halfsies.tsx
View file

@ -1,13 +1,6 @@
import { onTablet } from '@roleypoly/design-system/atoms/breakpoints';
import styled, { css } from 'styled-components';
export const HalfsiesContainer = styled.div`
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
`;
export const HalfsiesItem = styled.div`
box-sizing: border-box;
flex: 1 1 100%;
@ -15,3 +8,16 @@ export const HalfsiesItem = styled.div`
flex: 1 2 50%;
`)}
`;
export const HalfsiesContainer = styled.div<{ center?: boolean }>`
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
${({ center }) =>
center &&
css`
align-content: center;
`}
`;