@import "mediawiki.mixins";
-
-// Variables
-@iconSize: 1.4em;
-@gutterWidth: 1em;
+@import "mediawiki.ui/variables";
// Mixins
.mixin-mw-ui-icon-bgimage(@iconSvg, @iconPng) {
//
// Styleguide 6.1.1.
&.mw-ui-icon-element {
- @width: @iconSize + ( 2 * @gutterWidth );
+ @width: @iconSize + ( 2 * @iconGutterWidth );
text-indent: -999px;
overflow: hidden;
left: 0;
right: 0;
position: absolute;
- margin: 0 @gutterWidth;
+ margin: 0 @iconGutterWidth;
}
}
&:before {
position: relative;
width: @iconSize;
- margin-right: @gutterWidth;
+ margin-right: @iconGutterWidth;
}
}
position: relative;
float: right;
width: @iconSize;
- margin-left: @gutterWidth;
+ margin-left: @iconGutterWidth;
}
}
}