From: jrobson <jrobson@wikimedia.org>
Date: Fri, 7 Mar 2014 23:22:10 +0000 (-0800)
Subject: Vector: Make animation LESS component
X-Git-Tag: 1.31.0-rc.0~16627^2~1
X-Git-Url: http://git.cyclocoop.org/ecrire?a=commitdiff_plain;h=7eb8e987ac02058e74b62623b35bfb15628408e3;p=lhc%2Fweb%2Fwiklou.git

Vector: Make animation LESS component

Reorg code.
In process support VectorBeta's ability to turn this off

Change-Id: I61f7c935de86ae7f05db0aa7fc9b4c0c92e7aaad
---

diff --git a/skins/vector/components/animations.less b/skins/vector/components/animations.less
new file mode 100644
index 0000000000..9163779608
--- /dev/null
+++ b/skins/vector/components/animations.less
@@ -0,0 +1,28 @@
+/* Animate between standard and high definition layouts */
+body.vector-animateLayout {
+	div#content,
+	div#footer,
+	#left-navigation {
+		.transition(margin-left 250ms, padding 250ms;);
+	}
+
+	#p-logo {
+		.transition(left 250ms);
+	}
+
+	#mw-panel {
+		.transition(padding-right 250ms);
+	}
+
+	#p-search {
+		.transition(margin-right 250ms);
+	}
+
+	#p-personal {
+		.transition(right 250ms);
+	}
+
+	#mw-head-base {
+		.transition(margin-left 250ms);
+	}
+}
diff --git a/skins/vector/components/common.less b/skins/vector/components/common.less
index cb89a7b38c..8e7fc4d27d 100644
--- a/skins/vector/components/common.less
+++ b/skins/vector/components/common.less
@@ -87,32 +87,3 @@ pre, .mw-code {
 .tipsy {
 	font-size: 0.8em;
 }
-
-/* Animate between standard and high definition layouts */
-body.vector-animateLayout {
-	div#content,
-	div#footer,
-	#left-navigation {
-		.transition(margin-left 250ms, padding 250ms;);
-	}
-
-	#p-logo {
-		.transition(left 250ms);
-	}
-
-	#mw-panel {
-		.transition(padding-right 250ms);
-	}
-
-	#p-search {
-		.transition(margin-right 250ms);
-	}
-
-	#p-personal {
-		.transition(right 250ms);
-	}
-
-	#mw-head-base {
-		.transition(margin-left 250ms);
-	}
-}
diff --git a/skins/vector/styles.less b/skins/vector/styles.less
index 8d5423a283..819286e272 100644
--- a/skins/vector/styles.less
+++ b/skins/vector/styles.less
@@ -2,6 +2,7 @@
 
 @media screen {
 	@import "components/common.less";
+	@import "components/animations.less";
 	@import "components/navigation.less";
 	@import "components/footer.less";
 	@import 'components/notifications.less';