X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki.ui%2Fcomponents%2Ficons.less;h=461de2f0fff60622744aeb1f3c2c8e666f44846a;hb=70b76e37dd659d26fa7e08a234e5745fedfcad5f;hp=efb04ae98356b598f9b378d8ed52020692b94822;hpb=8bb5a6c461c31ee5ce6874548246fc2c520686f6;p=lhc%2Fweb%2Fwiklou.git

diff --git a/resources/src/mediawiki.ui/components/icons.less b/resources/src/mediawiki.ui/components/icons.less
index efb04ae983..461de2f0ff 100644
--- a/resources/src/mediawiki.ui/components/icons.less
+++ b/resources/src/mediawiki.ui/components/icons.less
@@ -1,5 +1,5 @@
-@import "mediawiki.mixins";
-@import "mediawiki.ui/variables";
+@import 'mediawiki.mixins';
+@import 'mediawiki.ui/variables';
 
 // Mixins
 .mixin-mw-ui-icon-bgimage( @iconSvg, @iconPng ) {
@@ -14,7 +14,7 @@
 //
 // To use icons you must be using a browser that supports pseudo elements.
 // This includes support for IE 8.
-// http://caniuse.com/#feat=css-gencontent
+// https://caniuse.com/#feat=css-gencontent
 //
 // For elements that are intended to have both an icon and text, browsers that
 // do not support pseudo-selectors will degrade to text-only.
@@ -30,6 +30,11 @@
 	min-height: @iconSize;
 	min-width: @iconSize;
 
+	// If an inline element has been marked as a mw-ui-icon element it must be inline-block
+	span& {
+		display: inline-block;
+	}
+
 	// Standalone icons
 	//
 	// Markup:
@@ -39,7 +44,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 +60,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,