aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next
diff options
context:
space:
mode:
authorFred Carlsen <fred@sjelfull.no>2018-12-13 21:49:27 +0800
committerFred Carlsen <fred@sjelfull.no>2018-12-13 21:49:27 +0800
commit4d0c59649e87f6d75ddfcda7a64056d04c950694 (patch)
treef692917f0c2d5ecb36779dc9b8f293893cfacc0a /packages/website/ts/@next
parenta1737f8d936e39861732751d7ea08dfa8122e2e4 (diff)
downloaddexon-sol-tools-4d0c59649e87f6d75ddfcda7a64056d04c950694.tar
dexon-sol-tools-4d0c59649e87f6d75ddfcda7a64056d04c950694.tar.gz
dexon-sol-tools-4d0c59649e87f6d75ddfcda7a64056d04c950694.tar.bz2
dexon-sol-tools-4d0c59649e87f6d75ddfcda7a64056d04c950694.tar.lz
dexon-sol-tools-4d0c59649e87f6d75ddfcda7a64056d04c950694.tar.xz
dexon-sol-tools-4d0c59649e87f6d75ddfcda7a64056d04c950694.tar.zst
dexon-sol-tools-4d0c59649e87f6d75ddfcda7a64056d04c950694.zip
Add smoother transitions on slider
Diffstat (limited to 'packages/website/ts/@next')
-rw-r--r--packages/website/ts/@next/components/slider/slider.tsx3
1 files changed, 2 insertions, 1 deletions
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);