2017-12-13 17:49:32 +08:00
|
|
|
.select-kit {
|
|
|
|
&.dropdown-select-box {
|
|
|
|
&.toolbar-popup-menu-options {
|
|
|
|
.select-kit-body {
|
|
|
|
box-shadow: none;
|
|
|
|
padding: 10px 10px 5px 10px;
|
|
|
|
width: 230px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.select-kit-row {
|
|
|
|
border-radius: 4px;
|
|
|
|
margin-bottom: 5px;
|
|
|
|
padding: 6px 3px;
|
|
|
|
background: $primary-low;
|
2018-06-08 17:49:31 +08:00
|
|
|
transition: all 0.25s;
|
2017-12-13 17:49:32 +08:00
|
|
|
|
2018-06-08 17:49:31 +08:00
|
|
|
.name,
|
|
|
|
.d-icon {
|
2018-01-13 06:27:38 +08:00
|
|
|
font-size: $font-0;
|
2017-12-13 17:49:32 +08:00
|
|
|
font-weight: normal;
|
|
|
|
color: $primary;
|
|
|
|
}
|
|
|
|
|
|
|
|
.d-icon {
|
|
|
|
opacity: 0.7;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.is-highlighted {
|
|
|
|
background: $primary-medium;
|
|
|
|
|
2018-06-08 17:49:31 +08:00
|
|
|
.name,
|
|
|
|
.d-icon {
|
2017-12-13 17:49:32 +08:00
|
|
|
color: $secondary;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
background: $primary-medium;
|
|
|
|
color: $secondary;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.is-selected {
|
|
|
|
color: $primary;
|
|
|
|
background: $primary-low;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.is-selected.is-highlighted {
|
|
|
|
background: $primary-medium;
|
|
|
|
color: $primary;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|