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 f169d1b..a7ce2e7 100644 (file)
--- 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,