@mixin liPoint($left: 0) {
  padding-left: calc(20px + #{$left});

  &::before {
    content: "";
    width: 7px;
    height: 7px;
    display: block;
    position: absolute;
    border: 1px solid currentColor;
    border-bottom: none;
    border-left: none;
    transform: translateY(-50%) rotate(45deg);
    left: $left;
    top: 50%;
    transition: transform 0.2s ease;
  }
}

@mixin ulList {
  display: block;
  list-style: square;
  padding-left: 16px;
  margin-bottom: 40px;

  > * {
    display: list-item;
    margin: 0 0 0.5em;
  }
}