triangle 100% height

111

&::before,
      &::after {
        width: 20px;
        height: 50%;
        position: absolute;
        left: 100%;
        content: "";
      }

      &:before {
        top: 0px;
        background: linear-gradient(to right top, #000 50%, transparent 50%);
      }

      &:after {
        top: 50%;
        background: linear-gradient(to right bottom, #000 50%, transparent 50%);
        margin-left: 0;
        border: none;
      }