From b7d804e9491349ca2ec61b812e744e1739542edd Mon Sep 17 00:00:00 2001
From: fragosti <francesco.agosti93@gmail.com>
Date: Tue, 4 Dec 2018 11:26:51 -0800
Subject: fix: make select box-shadow darker

---
 packages/website/ts/components/ui/container.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

(limited to 'packages')

diff --git a/packages/website/ts/components/ui/container.tsx b/packages/website/ts/components/ui/container.tsx
index 4b76ce8be..c2ae9ad9c 100644
--- a/packages/website/ts/components/ui/container.tsx
+++ b/packages/website/ts/components/ui/container.tsx
@@ -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)`
     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 {
         ${props =>
             props.shouldDarkenOnHover
                 ? `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}` : '')};
     }
 `;
 
-- 
cgit v1.2.3