@use "./base.scss";

// put your custom CSS here!

// mark next item with small border part
/* .folder-outer .content li { */
/* position: relative;

  &:after {
    content: "";
    position: absolute;
    background: var(--darkgray);
    height: 1px;
    width: 1rem;
    bottom: 0;
    left: 0;
  } */
/* } */

// create a gap so that long links become distinguishable for the folders with long headings
.folder-container[data-folderpath="Politik/index"] + .folder-outer .content {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;

  // make all of the space clickable, not only the text
  li {
    display: block;
    a {
      display: block;
    }
  }
}