From: Timo Tijhof <krinklemail@gmail.com>
Date: Tue, 8 Oct 2013 00:40:24 +0000 (+0200)
Subject: vector: Apply coding conventions to screen.less and minor cleanup
X-Git-Tag: 1.31.0-rc.0~18522
X-Git-Url: http://git.cyclocoop.org/%22.%24info%5B?a=commitdiff_plain;h=d1dad246e849dbb76efc74af5f2d5de752b5b5df;p=lhc%2Fweb%2Fwiklou.git

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 0b656270ea..97a04c7e5f 100644
--- 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);
 	}
 }