.sidebar {
  margin-top: 1rem;
  margin-right: 1rem;

  &-recent {
    padding: 0.5rem;

    &__title {
      font-family: $title-font;
      font-weight: 700;
      @include themify($themes) {
        color: themed('sidebar-title-color');
        &:hover {
          color: themed('link-hover');
        }
      }    
    }

    &__ul {
      margin-left: 0.5rem;
      li {
        text-indent: -0.35em;
        padding-left: 0.5em;
        &::before {
          padding-right: 0.5rem;
          font-size: 1rem;
          display: inline-block;
          content: "\2022";
        }
      }
    }

    &__a {         
      @include themify($themes) {
        color: themed('sidebar-li-color');
      }
    }
  }

  &-hr {
    margin: 1.5rem 0;
  }
}