BetterDiscordApp-v2/client/src/styles/partials/generic/forms/radios.scss

83 lines
1.6 KiB
SCSS
Raw Normal View History

.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;
}
}
}
.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;
word-wrap: break-word;
width: 1px;
}
&: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;
}
}
}
}