From: Volker E <volker.e@wikimedia.org>
Date: Thu, 18 Aug 2016 22:44:33 +0000 (-0700)
Subject: Add `.mw-ui-icon-small` to icon classes
X-Git-Tag: 1.31.0-rc.0~5963^2
X-Git-Url: http://git.cyclocoop.org/%22%20.%20generer_url_ecrire%28%22suivi_revisions%22%29%20.%20%22?a=commitdiff_plain;h=5150f1358ddd1346e80b1d3c02916ea1df30623f;p=lhc%2Fweb%2Fwiklou.git

Add `.mw-ui-icon-small` to icon classes

Adding small icon class `.mw-ui-icon-small`. Also adapting documentation.

Change-Id: Ia140779d488dddf9014087e8d48852c8c53977e3
---

diff --git a/resources/src/mediawiki.ui/components/icons.less b/resources/src/mediawiki.ui/components/icons.less
index b4edc50db7..0035601697 100644
--- a/resources/src/mediawiki.ui/components/icons.less
+++ b/resources/src/mediawiki.ui/components/icons.less
@@ -33,8 +33,8 @@
 	// Standalone icons
 	//
 	// Markup:
-	// <div class="mw-ui-icon mw-ui-icon-element mw-ui-icon-ok">OK</div><br/>
-	// <div class="mw-ui-icon mw-ui-icon-element mw-ui-icon-ok mw-ui-button mw-ui-progressive">OK</div><br/>
+	// <div class="mw-ui-icon mw-ui-icon-element mw-ui-icon-ok">OK</div><br>
+	// <div class="mw-ui-icon mw-ui-icon-element mw-ui-icon-ok mw-ui-button mw-ui-progressive">OK</div><br>
 	// <button class="mw-ui-icon mw-ui-icon-ok mw-ui-icon-element mw-ui-button mw-ui-quiet" title="">Close</button>
 	//
 	// Styleguide 6.1.1.
@@ -80,4 +80,14 @@
 			margin-right: @iconGutterWidth;
 		}
 	}
-}
+
+	// Icons small for elements like indicators
+	//
+	// Markup:
+	// <div class="mw-ui-icon mw-ui-icon-small mw-ui-icon-help"></div>
+	//
+	// Styleguide 6.1.3
+	&.mw-ui-icon-small:before {
+		background-size: 66.67% auto; // 66.67% of 24px equals 16px
+	}
+}
\ No newline at end of file