From 4d0c59649e87f6d75ddfcda7a64056d04c950694 Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Thu, 13 Dec 2018 14:49:27 +0100
Subject: Add smoother transitions on slider

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

diff --git a/packages/website/ts/@next/components/slider/slider.tsx b/packages/website/ts/@next/components/slider/slider.tsx
index 96d3960a3..bf1edf039 100644
--- a/packages/website/ts/@next/components/slider/slider.tsx
+++ b/packages/website/ts/@next/components/slider/slider.tsx
@@ -87,7 +87,7 @@ const StyledSlider = styled.div`
         top: calc(50% - 37px);
         border: 0;
         padding: 0;
-        transition: background-color .30s ease-in-out;
+        transition: background-color .40s ease-in-out, visibility .40s ease-in-out, opacity .40s ease-in-out;
 
         &:disabled {
             opacity: 0;
@@ -130,6 +130,7 @@ const StyledSlide = styled.div`
     height: 520px;
     flex: 0 0 auto;
     opacity: 0.3;
+    transition: opacity .40s ease-in-out;
 
     @media (max-width: 500px) {
         width: calc(100vw - 10px - 32px);
-- 
cgit