From 8033cfbfa15d5aab2f0a5286ecfd17ef10746f2a Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Thu, 11 Jan 2018 14:51:01 +0000
Subject: [PATCH] splitting out mobile menu transition properties as
autoprefixer causes the transition to break when transition shorthand is used
---
opentech/static_src/src/sass/layout/_header.scss | 4 +++-
1 file changed, 3 insertions(+), 1 deletion(-)
diff --git a/opentech/static_src/src/sass/layout/_header.scss b/opentech/static_src/src/sass/layout/_header.scss
index af9c6bb90..cd14d66c3 100644
--- a/opentech/static_src/src/sass/layout/_header.scss
+++ b/opentech/static_src/src/sass/layout/_header.scss
@@ -72,7 +72,9 @@
background: $color--dark-grey;
opacity: 0;
transform: translate3d(0, -100%, 0);
- transition: opacity, transform, $transition;
+ transition-duration: 0.25s;
+ transition-property: transform, opacity;
+ transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
&.is-visible {
opacity: 1;
--
GitLab