diff options
| author | Steve Klebanoff <steve.klebanoff@gmail.com> | 2019-01-03 02:58:41 +0800 |
|---|---|---|
| committer | Steve Klebanoff <steve.klebanoff@gmail.com> | 2019-01-03 02:58:41 +0800 |
| commit | c62d862967a3c90e903e016fae2456afb2f9d8f9 (patch) | |
| tree | bb13a8caa8cc4d4771e0c1c4683f88ea24eb108d /packages/instant/src/components/ui/container.tsx | |
| parent | 1ddf1087dd327b2ef35165518ee91eb457b84174 (diff) | |
| download | dexon-sol-tools-c62d862967a3c90e903e016fae2456afb2f9d8f9.tar dexon-sol-tools-c62d862967a3c90e903e016fae2456afb2f9d8f9.tar.gz dexon-sol-tools-c62d862967a3c90e903e016fae2456afb2f9d8f9.tar.bz2 dexon-sol-tools-c62d862967a3c90e903e016fae2456afb2f9d8f9.tar.lz dexon-sol-tools-c62d862967a3c90e903e016fae2456afb2f9d8f9.tar.xz dexon-sol-tools-c62d862967a3c90e903e016fae2456afb2f9d8f9.tar.zst dexon-sol-tools-c62d862967a3c90e903e016fae2456afb2f9d8f9.zip | |
fix(instant): Dropdown hover should be 10% of primary color
Diffstat (limited to 'packages/instant/src/components/ui/container.tsx')
| -rw-r--r-- | packages/instant/src/components/ui/container.tsx | 2 |
1 files changed, 2 insertions, 0 deletions
diff --git a/packages/instant/src/components/ui/container.tsx b/packages/instant/src/components/ui/container.tsx index 636eb8fc9..58d7d5871 100644 --- a/packages/instant/src/components/ui/container.tsx +++ b/packages/instant/src/components/ui/container.tsx @@ -36,6 +36,7 @@ export interface ContainerProps { cursor?: string; overflow?: string; darkenOnHover?: boolean; + rawHoverColor?: string; boxShadowOnHover?: boolean; flexGrow?: string | number; } @@ -87,6 +88,7 @@ export const Container = background-color: ${props => getBackgroundColor(props.theme, props.backgroundColor, props.rawBackgroundColor)}; border-color: ${props => (props.borderColor ? props.theme[props.borderColor] : 'none')}; &:hover { + ${props => (props.rawHoverColor ? `background-color: ${props.rawHoverColor}` : '')} ${props => props.darkenOnHover ? `background-color: ${ |