From 7eb8e987ac02058e74b62623b35bfb15628408e3 Mon Sep 17 00:00:00 2001 From: jrobson Date: Fri, 7 Mar 2014 15:22:10 -0800 Subject: [PATCH] Vector: Make animation LESS component Reorg code. In process support VectorBeta's ability to turn this off Change-Id: I61f7c935de86ae7f05db0aa7fc9b4c0c92e7aaad --- skins/vector/components/animations.less | 28 ++++++++++++++++++++++++ skins/vector/components/common.less | 29 ------------------------- skins/vector/styles.less | 1 + 3 files changed, 29 insertions(+), 29 deletions(-) create mode 100644 skins/vector/components/animations.less 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'; -- 2.20.1