From 3dad385533476f02031fdb1a29f71fa44a375c4a Mon Sep 17 00:00:00 2001 From: fragosti Date: Thu, 8 Nov 2018 15:33:32 -0800 Subject: feat: add boxShadow on dropdown hover --- packages/instant/src/components/ui/container.tsx | 2 ++ 1 file changed, 2 insertions(+) (limited to 'packages/instant/src/components/ui/container.tsx') diff --git a/packages/instant/src/components/ui/container.tsx b/packages/instant/src/components/ui/container.tsx index 88b51230a..172d384b4 100644 --- a/packages/instant/src/components/ui/container.tsx +++ b/packages/instant/src/components/ui/container.tsx @@ -34,6 +34,7 @@ export interface ContainerProps { cursor?: string; overflow?: string; darkenOnHover?: boolean; + boxShadowOnHover?: boolean; flexGrow?: string | number; } @@ -78,6 +79,7 @@ export const Container = props.backgroundColor ? darken(0.05, props.theme[props.backgroundColor]) : 'none' }` : ''}; + ${props => (props.boxShadowOnHover ? 'box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1)' : '')}; } } `; -- cgit v1.2.3