.cornered {
  padding:3px 8px;
  position: relative;
  @at-root ul#{&} {
    padding-left:2em;
  }
  &:after {
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    height:60px;
    width:60px;
    border: 1px solid transparent;
    border-image: linear-gradient(45deg,rgba(165,165,165,0) 5px, rgba(165,165,165,1) 10px, rgba(165,165,165,0) 45px, rgba(165,165,165,0) 100%);
    border-image-slice: 1;
  }
  &:before {
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    height:15px;
    width:15px;
    background: linear-gradient(45deg,  rgba(165,165,165,1) 0%,rgba(165,165,165,1) 50%,rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);
    border-radius: 0 0 0 5px;
  }
}