'margin: 0 .4em;' can easily be misread as '0.4em'
Change-Id: I8cc8ad76ed9da9907809ac6c39b614ce5b0451b7
// the pseudo before element of the label after the checkbox now looks like a checkbox
& + label {
cursor: pointer;
- margin: 0 .4em;
+ margin: 0 0.4em;
&::before {
- content: '';
- position: absolute;
- left: 0;
- display: inline-block;
- border-radius: @borderRadius;
- margin-right: 18px;
- width: @checkboxSize;
- height: @checkboxSize;
- background-color: #fff;
- border: 1px solid grey;
- }
+ content: '';
+ position: absolute;
+ left: 0;
+ display: inline-block;
+ border-radius: @borderRadius;
+ margin-right: 18px;
+ width: @checkboxSize;
+ height: @checkboxSize;
+ background-color: #fff;
+ border: 1px solid grey;
+ }
}
// when the input is checked, style the label pseudo before element that followed as a checked checkbox