// plus sign
$b-h-closed-icon: url("data:image/svg+xml,") !default;
// minus sign
$b-h-opened-icon: url("data:image/svg+xml,") !default;
$text-muted: #777 !default;
.facet-hierarchy {
list-style-type: none;
padding-left: 0;
ul {
border-bottom: 0;
list-style-type: none;
padding-bottom: 0;
padding-left: 1.3em;
}
.facet_select {
display: inline-block;
margin-bottom: 6px;
max-width: calc(100% - 5em);
}
.facet-count {
float: right;
}
.toggle-handle {
border: 0;
margin: 0;
min-width: 1em;
padding: 0;
vertical-align: top;
.closed,
.opened {
display: none;
}
}
.twiddle>.toggle-handle {
background-color: transparent;
}
.twiddle>.toggle-handle .toggle-icon {
background-position: center;
background-repeat: no-repeat;
margin-top: 3px;
min-height: 20px;
min-width: 20px;
}
.twiddle>.toggle-handle .closed {
background-image: escape-svg($b-h-closed-icon);
display: inline-block;
}
.twiddle>.toggle-handle .opened {
display: none;
}
.twiddle-open>.toggle-handle .closed {
display: none;
}
.twiddle-open>.toggle-handle .opened {
background-image: escape-svg($b-h-opened-icon);
display: inline-block;
}
.h-leaf {
padding-left: 1.3em;
}
.h-node {
cursor: pointer;
}
.remove {
color: $text-muted;
}
}