<div class="entry">
  <slot></slot>
</div>

<style lang="scss">
  @import "../colors.sass";

  div.entry {
    display: block;
    text-decoration: none;
    color: $color-entry9;
    background-color: $color-entry1-transparent;
    border-bottom-right-radius: 0.75em;
    margin: 0.5em 0;
    padding: 0.25em 0.5ch;
    transition: 250ms;
    overflow-y: hidden;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  }
  div.entry:hover {
    background-color: $color-entry2-transparent;
    color: $color-entry11;
  }

  :global(div.entry div.entry) {
    margin: 0.25em 0;
  }
  :global(div.entry div.entry) {
    border-bottom-right-radius: 0.5em;
  }
  :global(div.entry div.entry:hover) {
    background-color: $color-entry3;
  }

  div.entry:last-of-type {
    margin-bottom: 0.1em;
  }
</style>