2018-02-04 23:09:24 +01:00
|
|
|
.bd-form-radio {
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
.bd-form-radio-details {
|
|
|
|
flex: 1 1 auto;
|
|
|
|
}
|
|
|
|
|
2018-02-21 11:46:13 +01:00
|
|
|
.bd-radio-group {
|
|
|
|
width: 180px;
|
|
|
|
margin-left: 15px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bd-form-item-fullwidth & {
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
|
|
.bd-radio-group {
|
|
|
|
width: 100%;
|
|
|
|
margin-top: 10px;
|
|
|
|
margin-left: 0;
|
|
|
|
}
|
2018-02-04 23:09:24 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.bd-radio {
|
|
|
|
background: rgba(0,0,0,.1);
|
|
|
|
border: 1px solid rgba(0,0,0,.3);
|
|
|
|
border-radius: 3px;
|
|
|
|
padding: 11px;
|
|
|
|
align-items: center;
|
|
|
|
cursor: pointer;
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
.bd-radio-control-wrap {
|
|
|
|
flex: 0 0 auto;
|
|
|
|
margin: -3px;
|
|
|
|
margin-right: 10px;
|
|
|
|
height: 20px;
|
|
|
|
width: 20px;
|
|
|
|
border-radius: 3px;
|
|
|
|
border: 1px solid #72767d;
|
|
|
|
|
|
|
|
.bd-radio-control {
|
|
|
|
// background: rgb(50, 50, 50);
|
|
|
|
// border: 1px solid rgb(114, 118, 125);
|
|
|
|
// border-radius: 50%;
|
|
|
|
// width: 12px;
|
|
|
|
// height: 12px;
|
|
|
|
// transition: background-color .1s;
|
|
|
|
margin: 1px;
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.bd-radio-text {
|
|
|
|
flex: 1 1 auto;
|
|
|
|
color: white;
|
2018-02-19 23:19:06 +01:00
|
|
|
word-wrap: break-word;
|
|
|
|
width: 1px;
|
2018-02-04 23:09:24 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
&:not(:last-child) {
|
|
|
|
margin-bottom: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
border-color: #040405;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.bd-radio-selected {
|
|
|
|
background-color: $colbdblue;
|
|
|
|
border-color: $colbdblue;
|
|
|
|
|
|
|
|
.bd-radio-control-wrap {
|
|
|
|
border-color: #fff;
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
|
|
.bd-radio-control {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|