sul-dlss/SearchWorks

View on GitHub
app/assets/stylesheets/modules/facets.scss

Summary

Maintainability
Test Coverage
.facet-field-heading {
  background-color: $cloud;
  border-bottom: 1px solid $cloud;

  .btn {
    font-size: 1rem;
    padding-left: 1rem !important;
  }
}

.facet-values li .selected {
  color: $state-success-text;
}

.facet-limit-active {
  border-color: rgba(0, 0, 0, 0.125) !important;
}

.facet-limit-active .card-header {
  background-color: $light-sage !important;
  border-bottom: 1px solid $state-success-border;
}

.facet-limit {
  // override Blacklight, which has rounded facets
  border-radius: 0;
  .card-header {
    border-radius: 0;
    .btn {
      border-radius: 0; // Apparent with the :focus style
    }
  }
  margin-bottom: 0.5rem;
}

.facet-hierarchy {
  --link-decoration-line: none;
}