web-apps/apps/common/main/resources/less/radiobox.less

51 lines
1.1 KiB
Plaintext
Raw Normal View History

2016-03-11 00:48:53 +00:00
.radiobox {
padding-left: 22px;
margin-bottom: 0;
.font-size-normal();
font-weight: normal;
position: relative;
2019-12-10 20:58:38 +00:00
min-height: 1em;
2016-03-11 00:48:53 +00:00
2019-12-10 20:58:38 +00:00
input[type=radio] {
2016-03-11 00:48:53 +00:00
2019-12-10 20:58:38 +00:00
display: none;
2019-12-10 20:58:38 +00:00
+ label {
position: absolute;
left: 0;
margin-top: auto;
padding-bottom: 4px;
width: 14px;
height: 14px;
background: #fff;
border: 1px solid @gray;
border-radius: 50%;
}
&:checked {
+ label {
&::before {
content: '';
position: absolute;
background: @gray-deep;
border-radius: 50%;
width: 8px;
height: 8px;
2019-12-10 20:58:38 +00:00
left: 2px;
top: 2px;
}
}
2016-03-11 00:48:53 +00:00
}
2019-12-10 20:58:38 +00:00
&.disabled, &:disabled {
opacity: .4;
2016-03-11 00:48:53 +00:00
2019-12-10 20:58:38 +00:00
+ label {
&::before {
opacity: .4;
}
2016-03-11 00:48:53 +00:00
}
}
}
}