// Filters list // // A vertical list of filters. .filter-list {
list-style-type: none; &.small .filter-item { // stylelint-disable-next-line primer/spacing padding: 6px 12px; font-size: $font-size-small; } &.pjax-active .filter-item { color: var(--color-text-secondary); background-color: transparent; &.pjax-active { color: var(--color-text-inverse); background-color: var(--color-bg-info-inverse); } }
}
.filter-item {
position: relative; display: block; padding: $spacer-2 $spacer-3; margin-bottom: $spacer-1; overflow: hidden; font-size: $h5-size; color: var(--color-text-secondary); text-decoration: none; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; border-radius: $border-radius; &:hover { text-decoration: none; background-color: var(--color-bg-tertiary); } &.selected, &[aria-selected=true], &[aria-current]:not([aria-current=false]) { color: var(--color-state-selected-primary-text); background-color: var(--color-state-selected-primary-bg); } .count { float: right; font-weight: $font-weight-bold; } .bar { position: absolute; top: 2px; right: 0; bottom: 2px; z-index: -1; display: inline-block; background-color: var(--color-filter-item-bar-bg); }
}