@import 'mediawiki.mixins';
@import 'mediawiki.ui/variables';
// Mixins
.mixin-mw-ui-icon-bgimage( @iconSvg, @iconPng ) {
&.mw-ui-icon {
&:before {
.background-image-svg( @iconSvg, @iconPng );
}
}
}
// Icons
//
// To use icons you must be using a browser that supports pseudo elements.
// This includes support for IE 8.
// 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.
//
// However, icon-only elements do not yet degrade to text-only elements in these
// browsers.
//
// Styleguide 6.
.mw-ui-icon {
position: relative;
line-height: @iconSize;
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:
//