hkuglldocnbodn
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

50 lines
865 B

import styled from 'styled-components';
import StyledSystem, {
background,
border,
color,
flexbox,
grid,
layout,
position,
shadow,
space,
typography,
compose,
} from 'styled-system';
const systemProps = compose(
layout,
color,
space,
background,
border,
grid,
position,
shadow,
typography,
flexbox
);
type StyledSystemProps = StyledSystem.LayoutProps &
StyledSystem.ColorProps &
StyledSystem.SpaceProps &
StyledSystem.BordersProps &
StyledSystem.BackgroundProps &
StyledSystem.PositionProps &
StyledSystem.FlexboxProps &
StyledSystem.ShadowProps &
StyledSystem.GridProps &
StyledSystem.OpacityProps &
StyledSystem.OverflowProps;
const Block = styled('div')<StyledSystemProps>({}, systemProps);
export const Flex = styled(Block)(
{
display: 'flex',
},
systemProps
);
export default Block;