@import "variables";

.book {
  white-space: normal;
  margin-right: $padding;
  margin-bottom: $padding;
  overflow: hidden;
  height: $bookHeight;
  position: relative;

  .info {
    background-color: rgba($pagecolor, 0.8);
    border-top: 2px solid $linkcolor;
    bottom: 0;
    box-shadow: inset 0px -5px 6px -7px black;
    left: 0;
    height: $bookHeight * 0.0;
    width: 150px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    transition: all 0.2s;

    .title {
      font-size: 1.1em;
      font-weight: bold;
    }

    .authors {
      font-size: 1em;
    }
  }

  a:focus .info, a:hover .info {
    height: calc(70%);
    background-color: rgba($pagecolor, 1);
    padding: $padding 0;
  }

  a {
    color: black;
    text-decoration: none;
  }
}