roblib_2023/css/sass/components/_search-results.scss

//@format
/**
 * @file
 * Stylesheet for results generated by the Search module.
 */

.search-results {
  list-style: none;
}
// bento block styles
%search-pane {
  border: 0px;
  //box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
#block-roblibsearchothersources h3,
.roblib-search-header {
  @include flex;
  @include flex-align(null, middle);
  justify-content: space-between;
  border-color: $red;
  background: #333;
  padding-left: $global-margin;
  color: white;
  //font-weight: lighter;
  //font-family: Verdana, Arial, helvetica, sans-serif;
  //border-left-width: 10px;

  //remove default margin
  border-left: 10px solid #8c2004;
  h3 {
    margin: 0;
    font-size: rem-calc(24);
  }
}
#roblib-searchbox-form {
  .form-item {
    margin: 0;
  }
  .form-type-textfield {
    width: 100%;
  }
  label {
    display: none;
  }
  .form-wrapper {
    @extend .input-group;
  }
  input[type='text'] {
    @extend .input-group-field;
    //@include button();
    border-radius: $global-radius 0 0 $global-radius;
  }
  input[type='submit'] {
    @extend .input-group-button;
    @include button();
    @include button-style(
      //$background,
      $success-color,
      //$background-hover,
      auto,
      //$color
      auto
    );
    border-radius: 0 $global-radius $global-radius 0;
    margin: 0;
  }
}
#block-roblibsearchothersources,
#block-roblib-2023-roblibsearchedsbooksblock,
#block-roblib-2023-roblibsearchedsarticlesblock,
#block-roblib-2023-roblibsearchsolrsiteblock,
#block-roblibsearchsolrbestbetblock {
  @extend %search-pane;
}
.solr-site-results {
  white-space: normal;
  word-wrap: normal;
  line-height: 1.6em;
}
.view-library-site-search article {
  border-bottom: 1px solid #ccc;
  /* margin: 0 0 1em 0; */
  padding: 1em 0;
  .node__links {
    a {
      @include button-hollow;
    }
  }
}
.roblib-search-row {
  border-bottom: 1px #cecfcc dotted;
  padding-left: 5px;
  padding: calc($global-padding/2);
  //display:flex;
  transition: all 0.3s ease;
  &:hover {
    background: darken($white, 10%);
  }
  .roblib-solr-teaser {
    font-family: 'Roboto Condensed', sans-serif;
    text-overflow: ellipsis;
    min-width: 0;
  }
}
.roblib-eds-more-button,
.roblib-solr-more-button {
  margin: 0;
  padding: 0;
  border: none;
  width: 100%;
  a {
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 0.85em 1em;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-size: 0.9rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #8c2004;
    color: #fefefe;
    background-color: #517e1b;
    color: #fefefe;
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    margin: 0;
    border-radius: 0;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 8px;
  }
}
.roblib-search-row {
}
// bento layout
.path-roblib-search .region-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto auto auto auto;
  gap: 2em 2em;
  grid-auto-flow: row;
  grid-template-areas:
    'block-page-title-block block-page-title-block'
    'block-roblib-search-box block-roblib-search-box'
    'block-roblib-search-solr-site-bestbet-block block-roblib-search-solr-site-bestbet-block'
    'block-roblib-search-solr-site-general-block block-roblib-search-solr-site-general-block'
    'block-roblib-search-eds-articles-block block-roblib-search-eds-books-block'
    'block-roblib-search-other-sources block-roblib-search-other-sources';
}

.block-page-title-block {
  grid-area: block-page-title-block;
}

.block-roblib-search-box {
  grid-area: block-roblib-search-box;
}

.block-roblib-search-solr-site-bestbet-block {
  grid-area: block-roblib-search-solr-site-bestbet-block;
}

.block-roblib-search-solr-site-general-block {
  grid-area: block-roblib-search-solr-site-general-block;
}

.block-roblib-search-eds-articles-block {
  grid-area: block-roblib-search-eds-articles-block;
}

.block-roblib-search-eds-books-block {
  grid-area: block-roblib-search-eds-books-block;
}

.block-roblib-search-other-sources {
  grid-area: block-roblib-search-other-sources;
}