diff --git a/core/css/css-variables.scss b/core/css/css-variables.scss
index 6df2e0a342..9db5337468 100644
--- a/core/css/css-variables.scss
+++ b/core/css/css-variables.scss
@@ -41,4 +41,5 @@
 	--font-face: $font-face;
 
 	--animation-quick: $animation-quick;
+	--animation-slow: $animation-slow;
 }
diff --git a/core/css/variables.scss b/core/css/variables.scss
index d3592032e5..285ebc4f6d 100644
--- a/core/css/variables.scss
+++ b/core/css/variables.scss
@@ -82,6 +82,7 @@ $border-radius-pill: 100px !default;
 $font-face: 'Nunito', 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif !default;
 
 $animation-quick: 100ms;
+$animation-slow: 300ms;
 
 // various structure data
 $header-height: 50px;