From 80efe702479b6a9b308d1fb12c11e58e24bde869 Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Wed, 12 Dec 2018 12:46:30 +0100
Subject: WIP mobile slider

---
 packages/website/ts/@next/components/slider/slider.tsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

(limited to 'packages/website/ts')

diff --git a/packages/website/ts/@next/components/slider/slider.tsx b/packages/website/ts/@next/components/slider/slider.tsx
index 327b9fb05..61e80ebd2 100644
--- a/packages/website/ts/@next/components/slider/slider.tsx
+++ b/packages/website/ts/@next/components/slider/slider.tsx
@@ -59,6 +59,11 @@ const StyledSlider = styled.div`
     //overflow: hidden;
     width: 100%;
     height: 520px;
+
+    @media (max-width: 500px) {
+        height: 450px;
+    }
+
     .carousel {
         position: relative;
         display: block;
@@ -123,6 +128,7 @@ const StyledSlide = styled.div`
 
     @media (max-width: 500px) {
         width: calc(100vw - 10px - 32px);
+        height: 450px;
     }
 
     &.is-selected {
@@ -140,8 +146,16 @@ const SlideHead = styled.div`
     display: flex;
     justify-content: center;
     align-items: center;
+
+    @media (max-width: 500px) {
+        height: 240px;
+    }
 `;
 
 const SlideContent = styled.div`
     padding: 30px;
+
+    @media (max-width: 500px) {
+        padding: 20px;
+    }
 `;
-- 
cgit v1.2.3