display: table;
* {
- // reset font sizes (see bug 72727)
+ // reset font sizes (see T74727)
font: inherit;
vertical-align: middle;
}
// ensure the invisible checkbox takes up the required width
width: @checkboxSize;
height: @checkboxSize;
- // This is needed for Firefox mobile (See bug 71750 to workaround default Firefox stylesheet)
+ // This is needed for Firefox mobile (See T73750 to workaround default Firefox stylesheet)
max-width: none;
margin: 0 0.4em 0 0;
display: table-cell;
background-position: center center;
background-origin: border-box;
background-repeat: no-repeat;
- .background-size( @checkboxSize - 0.2em, @checkboxSize - 0.2em );
- background-size: 0 0;
+ .background-size( 0, 0 );
.box-sizing( border-box );
position: absolute;
// align the checkbox to middle of the text
// when the input is checked, style the label pseudo before element that followed as a checked checkbox
&:checked + label::before {
- background-size: 100% 100%;
+ .background-size( 100%, 100% );
}
&:active + label::before {