From: jdlrobson <jdlrobson@gmail.com>
Date: Thu, 17 Aug 2017 15:30:51 +0000 (-0500)
Subject: MediawikiUI: Introduce mw-ui-icon-large
X-Git-Tag: 1.31.0-rc.0~2324^2
X-Git-Url: http://git.cyclocoop.org/%24image?a=commitdiff_plain;h=cd46a2ba99bdef799eb4ae98b7bbe607ea47bc52;p=lhc%2Fweb%2Fwiklou.git

MediawikiUI: Introduce mw-ui-icon-large

This will allow MobileFrontend and Minerva to share rules for icons

See Ib29736dc80ac2f84747e920c5b5c30918df12978

Bug: T143264
Change-Id: I456714086d2548b2e10cceb2a05f7a0fadf94a3b
---

diff --git a/resources/src/mediawiki.ui/components/icons.less b/resources/src/mediawiki.ui/components/icons.less
index f169d1b603..a7ce2e760b 100644
--- a/resources/src/mediawiki.ui/components/icons.less
+++ b/resources/src/mediawiki.ui/components/icons.less
@@ -39,7 +39,9 @@
 	//
 	// Styleguide 6.1.1.
 	&.mw-ui-icon-element {
-		@width: @iconSize + ( 2 * @iconGutterWidth );
+		@marginIcon: 2 * @iconGutterWidth;
+		@width: @iconSize + @marginIcon;
+		@sizeIconLarge: ( @iconSize * 1.75) + @marginIcon;
 
 		text-indent: -999px;
 		overflow: hidden;
@@ -53,6 +55,18 @@
 			position: absolute;
 			margin: 0 @iconGutterWidth;
 		}
+
+		&.mw-ui-icon-large {
+			width: @sizeIconLarge;
+			min-width: @sizeIconLarge;
+			max-width: @sizeIconLarge;
+			line-height: @sizeIconLarge;
+			min-height: @sizeIconLarge;
+
+			&:before {
+				min-height: @sizeIconLarge;
+			}
+		}
 	}
 
 	&.mw-ui-icon-before:before,