From bfc8a3ccee5379302154e52621b0ce565951a102 Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Thu, 13 Dec 2018 16:03:03 +0100
Subject: Tweak slides on mobile

---
 .../website/ts/@next/components/slider/slider.tsx  | 25 +++++++++++++++++-----
 1 file changed, 20 insertions(+), 5 deletions(-)

diff --git a/packages/website/ts/@next/components/slider/slider.tsx b/packages/website/ts/@next/components/slider/slider.tsx
index bf1edf039..6335af7c1 100644
--- a/packages/website/ts/@next/components/slider/slider.tsx
+++ b/packages/website/ts/@next/components/slider/slider.tsx
@@ -70,6 +70,12 @@ const StyledSlider = styled.div`
         touch-action: pan-y;
         -webkit-tap-highlight-color: transparent;
         outline: none;
+
+        @media (max-width: 500px) {
+            overflow: hidden;
+            margin-left: -20px;
+            width: calc(100vw - 20px);
+        }
     }
 
     .flickity-viewport {
@@ -132,18 +138,27 @@ const StyledSlide = styled.div`
     opacity: 0.3;
     transition: opacity .40s ease-in-out;
 
+    & + & {
+        margin-left: 30px;
+    }
+
+    @media (max-width: 1200px) {
+        width: 100%;
+    }
+
     @media (max-width: 500px) {
-        width: calc(100vw - 10px - 32px);
+        //width: calc(100vw - 10px - 32px);
+        width: calc(100vw - 10px - 30px);
         height: 450px;
+
+        & + & {
+            margin-left: 10px;
+        }
     }
 
     &.is-selected {
         opacity: 1;
     }
-
-    & + & {
-        margin-left: 30px;
-    }
 `;
 
 const SlideHead = styled.div`
-- 
cgit v1.2.3