From 8c42a5843bc4ca42b00610c4f7316d68cd7150cc Mon Sep 17 00:00:00 2001
From: Cezar Augusto <cezaraugusto@outlook.it>
Date: Tue, 1 Nov 2016 20:22:45 -0200
Subject: [PATCH] Add standalone file for CSS animations

Fix #5328

Auditors: @bsclifton

Test Plan:

* Check that titleMode works ok
* Check that tab previews works ok
---
 less/animations.less    | 24 ++++++++++++++++++++++++
 less/navigationBar.less | 11 +----------
 less/window.less        | 13 ++-----------
 3 files changed, 27 insertions(+), 21 deletions(-)
 create mode 100644 less/animations.less

diff --git a/less/animations.less b/less/animations.less
new file mode 100644
index 00000000000..e68361237bf
--- /dev/null
+++ b/less/animations.less
@@ -0,0 +1,24 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@keyframes fadeIn {
+  from {
+    opacity: 0
+  }
+  to {
+    opacity: 1
+  }
+}
+
+@keyframes tabFadeIn {
+  0% {
+    opacity: 0.5
+  }
+  50% {
+    opacity: 0.6
+  }
+  100% {
+    opacity: 0.5
+  }
+}
diff --git a/less/navigationBar.less b/less/navigationBar.less
index f7992c29131..d5bcc760ea1 100644
--- a/less/navigationBar.less
+++ b/less/navigationBar.less
@@ -6,18 +6,9 @@
  * Navigation layers
  */
 
+@import "animations.less";
 @import "variables.less";
 
-// Fade In animation for URL bar transitions
-@keyframes fadeIn {
-  from {
-    opacity: 0
-  }
-  to {
-    opacity: 1
-  }
-}
-
 // All platforms - media queries
 @media (max-width: @breakpointNarrowViewport) {
   .loadTime { display: none; }
diff --git a/less/window.less b/less/window.less
index 12bab30693a..42ae402c42c 100644
--- a/less/window.less
+++ b/less/window.less
@@ -2,18 +2,9 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
+@import "animations.less";
 @import "variables.less";
-@keyframes tabFadeIn {
-  0% {
-    opacity: 0.5
-  }
-  50% {
-    opacity: 0.6
-  }
-  100% {
-    opacity: 0.5
-  }
-}
+
 :root {
   --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 }