@import "variables.less"; @import "../common/CheckBox.less"; .mblCheckBox:disabled{ border-color: @ios7-base-color; } .mblCheckBoxSelected { background-image: none; border-color: @ios7-checkbox-selected-color; box-shadow: 0px 0px 1px 4px @ios7-checkbox-checked-color; background-color: @ios7-checkbox-checked-color; } .mblCheckBoxChecked, .mblCheckBox:checked { background-image: none; &.mblCheckBoxSelected { background-image: none; border-color: @ios7-checkbox-selected-color; box-shadow: 0px 0px 3px 4px @ios7-checkbox-checked-color; background-color: @ios7-checkbox-checked-color; } } .mblCheckBox:checked::after{ border-color: @ios7-checkbox-tick-color; } .mblCheckBox:disabled::after{ border-color: @ios7-base-color; }