@import "variables.less";
|
@import "../common/RadioButton.less";
|
.mblRadioButton {
|
border-style: solid;
|
border-width: 1px;
|
border-radius: 999px;
|
background-image: none;
|
background-color: transparent;
|
-webkit-tap-highlight-color: none;
|
.mblRadioButton-styles;
|
}
|
.mblRadioButtonChecked,
|
.mblRadioButton:checked {
|
background-image: none;
|
&::after {
|
position: absolute;
|
content: "";
|
width: 0.65em;
|
height: 0.65em;
|
top: 0.17em;
|
left: 0.17em;
|
|
border-style: none;
|
background-color: @ios7-checkbox-tick-color;
|
border-radius: 1em;
|
|
.mblRadioButtonChecked-after-styles;
|
}
|
&.mblRadioButtonSelected {
|
background-image: none;
|
box-shadow: 0px 0px 1px 4px @ios7-checkbox-checked-color inset;
|
&::after {
|
.mblRadioButtonChecked-Selected-after-styles;
|
|
}
|
}
|
}
|