From cd46a2ba99bdef799eb4ae98b7bbe607ea47bc52 Mon Sep 17 00:00:00 2001 From: jdlrobson Date: Thu, 17 Aug 2017 10:30:51 -0500 Subject: [PATCH] MediawikiUI: Introduce mw-ui-icon-large This will allow MobileFrontend and Minerva to share rules for icons See Ib29736dc80ac2f84747e920c5b5c30918df12978 Bug: T143264 Change-Id: I456714086d2548b2e10cceb2a05f7a0fadf94a3b --- resources/src/mediawiki.ui/components/icons.less | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) 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, -- 2.20.1