2018-11-08 03:49:04 +00:00
|
|
|
input, select {
|
2018-10-19 05:15:28 +00:00
|
|
|
background: $color-white;
|
|
|
|
border: 1px solid $color-dark-gray;
|
|
|
|
border-radius: $border-radius;
|
2018-12-01 20:52:08 +00:00
|
|
|
height: 32px;
|
2018-10-19 05:15:28 +00:00
|
|
|
padding: 0 $gp / 2;
|
|
|
|
width: 100%;
|
2019-04-03 23:21:34 +00:00
|
|
|
font-size: 12px;
|
2018-10-19 05:15:28 +00:00
|
|
|
margin-bottom: $gp;
|
|
|
|
|
|
|
|
&.small {
|
|
|
|
height: 20px;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
}
|
2019-10-05 21:40:55 +00:00
|
|
|
|
|
|
|
.checkbox-group {
|
|
|
|
display: inline-flex;
|
|
|
|
|
|
|
|
> span {
|
|
|
|
width: 60px;
|
|
|
|
margin-right: $gp / 2;
|
|
|
|
|
|
|
|
> input {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
label {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
&.active {
|
|
|
|
color: $color-blue;
|
|
|
|
}
|
|
|
|
|
|
|
|
i {
|
|
|
|
margin-bottom: $gp / 4;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|