diff options
| -rw-r--r-- | packages/website/ts/@next/components/container.tsx | 9 |
1 files changed, 7 insertions, 2 deletions
diff --git a/packages/website/ts/@next/components/container.tsx b/packages/website/ts/@next/components/container.tsx index a4da10cfd..4eacb5e51 100644 --- a/packages/website/ts/@next/components/container.tsx +++ b/packages/website/ts/@next/components/container.tsx @@ -2,19 +2,24 @@ import * as React from 'react'; import styled from 'styled-components'; interface ContainerProps { + bgColor?: string; + removePadding?: boolean; } -const StyledContainer = styled.div` +const StyledContainer = styled.div<ContainerProps>` + background-color: ${props => props.bgColor || 'transparent'}; max-width: 117rem; // 2000px margin: 0 auto; padding: 0 1.764705882rem; // 30px + + ${props => props.removePadding && `padding: 0;`} `; export const Container: React.StatelessComponent<ContainerProps> = props => { const { children } = props; return ( - <StyledContainer> + <StyledContainer {...props}> {children} </StyledContainer> ); |