Merge "Vector: New beta module with new typography styles"

[lhc/web/wiklou.git] / skins / vector / screen.less

diff --git a/skins/vector/screen.less b/skins/vector/screen.less
index f919bda..bfcc35c 100644 (file)
--- a/skins/vector/screen.less
+++ b/skins/vector/screen.less
@@ -1,16 +1,15 @@
 /*
  * Any rules which should not be flipped automatically in right-to-left situations should be
- * prepended with @noflip in a comment block. Images that should be embedded as base64 data-URLs
- * should be prepended with @embed in a comment block.
+ * prepended with @noflip in a comment block.
  *
- * This style-sheet employs a few CSS trick to accomplish compatibility with a wide range of web
+ * This stylesheet employs a few CSS trick to accomplish compatibility with a wide range of web
  * browsers. The most common trick is to use some styles in IE6 only. This is accomplished by using
  * a rule that makes things work in IE6, and then following it with a rule that begins with
  * "html > body" or use a child selector ">", which is ignored by IE6 because it does not support
  * the child selector. You can spot this by looking for the "OVERRIDDEN BY COMPLIANT BROWSERS" and
  * "IGNORED BY IE6" comments.
  */
-@import "mediawiki.mixins.less";
+@import "mediawiki.mixins";
 
 /* Framework */
 html {
@@ -780,21 +779,26 @@ body.vector-animateLayout {
        div#content,
        div#footer,
        #left-navigation {
-               .transition( margin-left 250ms, padding 250ms; );
+               .transition(margin-left 250ms, padding 250ms;);
        }
+
        #p-logo {
-               .transition( left 250ms );
+               .transition(left 250ms);
        }
+
        #mw-panel {
-               .transition( padding-right 250ms );
+               .transition(padding-right 250ms);
        }
+
        #p-search {
-               .transition( margin-right 250ms );
+               .transition(margin-right 250ms);
        }
+
        #p-personal {
-               .transition( right 250ms );
+               .transition(right 250ms);
        }
+
        #mw-head-base {
-               .transition( margin-left 250ms );
+               .transition(margin-left 250ms);
        }
 }