crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add box shadow and default box-sizing: border-box to container

Browse Source
This commit is contained in:
fragosti
2018-10-04 18:02:42 -07:00
parent 98f8c77494
commit 1001dfcc30
5 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/instant/src/components/ui/container.tsx
View File

@@ -18,7 +18,6 @@ export interface ContainerProps {
marginBottom?: string;
marginLeft?: string;
padding?: string;
boxShadow?: string;
borderRadius?: string;
border?: string;
borderColor?: ColorOption;
@@ -33,6 +32,7 @@ const PlainContainer: React.StatelessComponent<ContainerProps> = ({ children, cl
);
export const Container = styled(PlainContainer)`
box-sizing: border-box;
${props => cssRuleIfExists(props, 'display')}
${props => cssRuleIfExists(props, 'position')}
${props => cssRuleIfExists(props, 'top')}
@@ -47,7 +47,6 @@ export const Container = styled(PlainContainer)`
${props => cssRuleIfExists(props, 'margin-bottom')}
${props => cssRuleIfExists(props, 'margin-left')}
${props => cssRuleIfExists(props, 'padding')}
${props => cssRuleIfExists(props, 'box-shadow')}
${props => cssRuleIfExists(props, 'border-radius')}
${props => cssRuleIfExists(props, 'border')}
${props => cssRuleIfExists(props, 'border-top')}