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

fix: make select box-shadow darker

Browse Source
This commit is contained in:
fragosti 2018-12-04 11:26:51 -08:00
parent f576f78b4a
commit b7d804e949
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/website/ts/components/ui/container.tsx
View File

@ -77,15 +77,17 @@ export const PlainContainer: React.StatelessComponent<ContainerProps> = props =>
); );
}; };
const BOX_SHADOW = '0px 3px 10px rgba(0, 0, 0, 0.3)';
export const Container = styled(PlainContainer)` export const Container = styled(PlainContainer)`
box-sizing: border-box; box-sizing: border-box;
${props => (props.hasBoxShadow ? `box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1)` : '')}; ${props => (props.hasBoxShadow ? `box-shadow: ${BOX_SHADOW}` : '')};
&:hover { &:hover {
${props => ${props =>
props.shouldDarkenOnHover props.shouldDarkenOnHover
? `background-color: ${props.backgroundColor ? darken(0.05, props.backgroundColor) : 'none'} !important` ? `background-color: ${props.backgroundColor ? darken(0.05, props.backgroundColor) : 'none'} !important`
: ''}; : ''};
${props => (props.shouldAddBoxShadowOnHover ? 'box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1)' : '')}; ${props => (props.shouldAddBoxShadowOnHover ? `box-shadow: ${BOX_SHADOW}` : '')};
} }
`; `;