web-apps/apps/common/main/resources/less/radiobox.less
2021-03-01 00:29:00 +03:00

52 lines
1.3 KiB
Plaintext

.radiobox {
padding-left: 22px;
margin-bottom: 0;
.font-size-normal();
font-weight: normal;
position: relative;
min-height: 1em;
input[type=radio] {
display: none;
+ label {
position: absolute;
left: 0;
margin-top: auto;
padding-bottom: 4px;
width: 14px;
height: 14px;
background: @background-normal-ie;
background: @background-normal;
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
border-radius: 50%;
}
&:checked {
+ label {
&::before {
content: '';
position: absolute;
background: @text-normal-ie;
background: @text-normal;
border-radius: 50%;
width: 8px;
height: 8px;
left: 2px;
top: 2px;
}
}
}
&.disabled, &:disabled {
+ label {
&::before {
}
}
}
}
}