// vim: tabstop=2 shiftwidth=2 expandtab

@import 'params';

#entries {
  .blog_entry {
    padding: 15px 0;
    .blog_entry_descr {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 10px;

      .blog_entry_title {
        display: block;
        font-size: 1.1em;
        text-align: left;
      }
      .blog_entry_date {
        color: $fg_color_light;
        font-style: italic;
        display: block;
        align-self: flex-start;
      }
    }
    .blog_entry_tags::before {
      content: "Tags:"
    }
    .blog_entry_tags {
      list-style: none;
      padding-left: 0;
      margin: 5px 0;
      font-size: 0.9em;
      li {
        display: inline;
        font-style: italic;
      }
      li ~ li::before {
        content: ", ";
      }
    }
  }

  hr {
    width: 80%;
    border-color: $fg_color_light;
  }

  hr:last-child {
    display: none;
  }
}