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 {
background-origin: border-box;
background-position: center center;
background-repeat: no-repeat;
- .background-size( @radioSize, @radioSize );
- background-size: 0 0;
+ .background-size( 0, 0 );
.box-sizing( border-box );
position: absolute;
left: 0;
// when the input is checked, style the label pseudo before element that followed as a checked radio
&:checked + label::before {
- background-size: 100% 100%;
+ .background-size( 100%, 100% );
}
&:active + label::before {