vector: Apply coding conventions to screen.less and minor cleanup

Follows-up 08cf0b1, 7e953bbe.

* Removed obsolete comment about @embed, since this file no longer
  uses that.

* Removed ".less" per LESS convention.

* Made whitespace consistent with coding conventions.
  No spaces inside .transition(), just like there are no spaces
  in .background-image() or url().

* Line breaks between different rules.

Change-Id: I5956d179eb46f6ee4e0c313eafe008c434e61e31

diff --git a/skins/vector/screen.less b/skins/vector/screen.less
index 0b65627..97a04c7 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,
@@ -783,21 +782,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);
        }
 }