projectblacklight/blacklight

View on GitHub
app/assets/stylesheets/blacklight/_search_results.scss

Summary

Maintainability
Test Coverage
// the search results on the index view of the catalog
.documents-list {
  .document {
    display: flex;
    border-bottom: 1px dotted $table-border-color;
    margin-top: $spacer;
    padding-top: $spacer;

    .document-title-heading {
      @extend h5;
    }

    .document-main-section {
      flex-grow: 1;
    }

    // bookmarks checkbox on index, give it some
    // lower margin when it collapses
    .index-document-functions {
      margin-bottom: ($spacer * 1.5);

      @media (min-width: breakpoint-min(sm)) {
        margin-bottom: 0;
      }
    }

    .document-thumbnail {
      flex-grow: 0;
      margin-bottom: ($spacer * 3);
      padding-left: ($spacer * 3);
    }
  }
}