From 6c4c666d9ba6f62f5a80fa9d9ef4562800e663d9 Mon Sep 17 00:00:00 2001 From: Fred Carlsen Date: Wed, 12 Dec 2018 12:35:22 +0100 Subject: WIP mobile slider --- packages/website/ts/@next/components/slider/slider.tsx | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'packages/website/ts/@next/components') diff --git a/packages/website/ts/@next/components/slider/slider.tsx b/packages/website/ts/@next/components/slider/slider.tsx index 10428df90..327b9fb05 100644 --- a/packages/website/ts/@next/components/slider/slider.tsx +++ b/packages/website/ts/@next/components/slider/slider.tsx @@ -121,6 +121,10 @@ const StyledSlide = styled.div` flex: 0 0 auto; opacity: 0.3; + @media (max-width: 500px) { + width: calc(100vw - 10px - 32px); + } + &.is-selected { opacity: 1; } -- cgit v1.2.3