background-image: e('/* @embed */') url(@url);
}
+.background-size(@width, @height) {
+ // Vendor prefix for certain older opera browsers e.g. nintendo ds
+ -o-background-size: @width @height;
+ // Vendor prefix is added to support Android 2
+ -webkit-background-size: @width @height;
+ background-size: @width @height;
+}
+
+
.vertical-gradient(@startColor: gray, @endColor: white, @startPos: 0, @endPos: 100%) {
background-color: @endColor;
background-image: -moz-linear-gradient( top, @startColor @startPos, @endColor @endPos ); // Firefox 3.6+
vertical-align: middle;
}
-@checkboxSize: 24px;
+@checkboxSize: 1.6em;
// We use the not selector to cancel out styling on IE 8 and below
.mw-ui-checkbox:not(#noop) {
// the pseudo before element of the label after the checkbox now looks like a checkbox
& + label {
cursor: pointer;
+ margin: 0 .4em;
&::before {
content: '';
+ label {
&::before {
.background-image-svg('images/checked.svg', 'images/checked.png');
+ .background-size( @checkboxSize, @checkboxSize );
background-repeat: no-repeat;
background-position: center top;
}