skins/Vector/components/animations.less

   1 /* Animate between standard and high definition layouts */
   2 body.vector-animateLayout {
   3         div#content,
   4         div#footer,
   5         #left-navigation {
   6                 .transition(margin-left 250ms, padding 250ms;);
   7         }
   8
   9         #p-logo {
  10                 .transition(left 250ms);
  11         }
  12
  13         #mw-panel {
  14                 .transition(padding-right 250ms);
  15         }
  16
  17         #p-search {
  18                 .transition(margin-right 250ms);
  19         }
  20
  21         #p-personal {
  22                 .transition(right 250ms);
  23         }
  24
  25         #mw-head-base {
  26                 .transition(margin-left 250ms);
  27         }
  28 }