projectblacklight/blacklight

.navbar + .container {
  @extend .py-2;
}

// Facet field headings and buttons
.facet-field-heading {
  border-bottom: 0;

  button {
    font-weight: $headings-font-weight;

    &::after {
      content: "❯";
      float: right;
      transform: rotate(90deg);
    }

    &.collapsed {
      border-bottom: 0;

      &::after {
        transform: rotate(0deg);
        transition: transform 0.1s ease;
      }
    }
  }
}

.page-link {
  white-space: nowrap;
}

.modal[open] {
  // override bootstrap .modal class default display: none
  // since we aren't using bootstrap JS that sets and unsets the display
  display: block;
  background: none;
  border: none;
}