$sitemap-spacing: 1.5rem;

.sitemap > li > ul {
  margin-top: $sitemap-spacing;
}

.sitemap {
  list-style: none;

  li {
    line-height: $sitemap-spacing;
    margin-bottom: $sitemap-spacing / 2;
    vertical-align: top;
    position: relative;

    a {
      color: $secondary;
      text-decoration: none;
      display: inline-block;
    }
  }

  ul {
    margin-left: $sitemap-spacing;
    margin-bottom: $sitemap-spacing;

    li {
      position: relative;
      &::before {
        content: "";
        display: inline-block;
        width: $sitemap-spacing * 2;
        height: 100%;
        border-left: 1px solid $border-color;
        position: absolute;
        top: -$sitemap-spacing / 2;
      }

      &::before {
        content: "";
        display: inline-block;
        width: $sitemap-spacing * 2;
        height: $sitemap-spacing;
        border-bottom: 1px solid $border-color;
        position: absolute;
        top: -$sitemap-spacing / 2;
      }
      a {
        margin-left: $sitemap-spacing * 2.5;
      }
    }
  }
}