From 0a099bca72ebd5271e04212fd2c2bfd8f615d31d Mon Sep 17 00:00:00 2001
From: Eduard Urbach <e.urbach@gmail.com>
Date: Sun, 20 Nov 2016 03:23:31 +0900
Subject: [PATCH] Faster transitions

---
 pages/anime/anime.styl | 2 +-
 styles/animelist.styl  | 2 +-
 styles/base.styl       | 2 +-
 styles/config.styl     | 4 +++-
 styles/fade.styl       | 2 +-
 styles/forms.styl      | 2 +-
 styles/grid.styl       | 3 +--
 styles/navigation.styl | 4 ++--
 8 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/pages/anime/anime.styl b/pages/anime/anime.styl
index 37b5fc76..5d96e708 100644
--- a/pages/anime/anime.styl
+++ b/pages/anime/anime.styl
@@ -64,7 +64,7 @@
 	border-radius 3px
 	box-shadow 4px 4px 8px rgba(0, 0, 0, 0.12)
 	filter saturate(100%)
-	transition all 290ms ease
+	transition all transitionSpeed ease
 	&:hover
 		filter saturate(130%)
 		box-shadow 6px 6px 12px rgba(0, 0, 0, 0.2)
diff --git a/styles/animelist.styl b/styles/animelist.styl
index 8dcf27d9..b865c451 100644
--- a/styles/animelist.styl
+++ b/styles/animelist.styl
@@ -29,7 +29,7 @@
 	border-radius 3px
 	box-shadow 0px 0px 8px rgba(0, 0, 0, 0.4)
 	transform translate(10%, -50%)
-	transition all 290ms ease
+	transition all transitionSpeed ease
 	pointer-events none
 
 .anime
diff --git a/styles/base.styl b/styles/base.styl
index a491b70c..6eff5727 100644
--- a/styles/base.styl
+++ b/styles/base.styl
@@ -13,7 +13,7 @@ body
 
 a
 	text-decoration none
-	transition all 290ms ease
+	transition all transitionSpeed ease
 	&:hover
 		text-decoration none
 	&:active
diff --git a/styles/config.styl b/styles/config.styl
index 7fec8a66..c797e1c0 100644
--- a/styles/config.styl
+++ b/styles/config.styl
@@ -10,4 +10,6 @@ uiBackground = linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0,
 uiHoverBackground = linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.027) 100%)
 outlineShadowLight = 0 0 6px rgba(0, 0, 0, 0.05)
 outlineShadowMedium = 0 0 6px rgba(0, 0, 0, 0.15)
-outlineShadowHeavy = 0 0 6px rgba(0, 0, 0, 0.4)
\ No newline at end of file
+outlineShadowHeavy = 0 0 6px rgba(0, 0, 0, 0.4)
+transitionSpeed = 290ms
+fadeSpeed = 200ms
\ No newline at end of file
diff --git a/styles/fade.styl b/styles/fade.styl
index e712b0d9..7eeb8874 100644
--- a/styles/fade.styl
+++ b/styles/fade.styl
@@ -1,6 +1,6 @@
 .fade
 	opacity 1
-	transition opacity 200ms ease
+	transition opacity fadeSpeed ease
 	will-change opacity
 
 .fade-out
diff --git a/styles/forms.styl b/styles/forms.styl
index d13518df..ab611c40 100644
--- a/styles/forms.styl
+++ b/styles/forms.styl
@@ -31,7 +31,7 @@ button
 	box-shadow none
 	border none
 	text-align center
-	transition all 290ms ease
+	transition all transitionSpeed ease
 	width 100%
 	max-width none
 
diff --git a/styles/grid.styl b/styles/grid.styl
index 8ca555cf..5595c1dd 100644
--- a/styles/grid.styl
+++ b/styles/grid.styl
@@ -26,7 +26,7 @@
 		border uiHoverBorder
 		background uiHoverBackground
 		box-shadow outlineShadowMedium
-		transform scale(1.04)
+		transform scale(1.03)
 		// .grid-icon
 		// 	transform scale(1.3)
 
@@ -50,7 +50,6 @@
 	margin-top 2rem
 	margin-bottom 0.7rem
 	color linkColor
-	transition transform 200ms ease-in-out
 
 .grid-image
 	width 100%
diff --git a/styles/navigation.styl b/styles/navigation.styl
index 946c3e4b..149028aa 100644
--- a/styles/navigation.styl
+++ b/styles/navigation.styl
@@ -20,7 +20,7 @@
 		margin-top 0
 		height 3px
 		width 0px
-		transition all 500ms ease
+		transition all transitionSpeed ease
 	&.active
 	&:hover
 		cursor pointer
@@ -33,4 +33,4 @@
 	padding 0.75em 1em
 	font-size 1.1em
 	line-height 1em
-	transition all 290ms ease
\ No newline at end of file
+	// transition all transitionSpeed ease
\ No newline at end of file