.cornered {
  padding: 3px 8px;
  position: relative; }
  ul.cornered {
    padding-left: 2em; }
  .cornered: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, #a5a5a5 10px, rgba(165, 165, 165, 0) 45px, rgba(165, 165, 165, 0) 100%);
    border-image-slice: 1; }
  .cornered:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background: linear-gradient(45deg, #a5a5a5 0%, #a5a5a5 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
    border-radius: 0 0 0 5px; }

/*# sourceMappingURL=gradient-border-html.css.map */
