// Splits a list into two even columns for anything above md and three for anything above xl
// otherwise its one column
ul.split-evenly-3 {
  text-align: left;
  overflow: auto;
  width: 100%;

  @include media-breakpoint-up(md) {
    li {
      float: left;
      width: 50%;
      padding-right: 1em;
    }
  }


  @include media-breakpoint-up(xl) {
    li {
      float: left;
      width: 33%;
    }
  }
}

// Splits a list into two even columns for anything above md
// otherwise its one column
ul.split-evenly-2 {
  text-align: left;
  overflow: auto;
  width: 100%;

  @include media-breakpoint-up(md) {
    li {
      float: left;
      width: 50%;
      padding-right: 1em;
    }
  }
}

ul.no-bullets {
  list-style: none;
}


// scss-lint:disable This is specific to UL's only
ul {
  // Splits a list into two even columns for anything above md and three for anything above xl
  // otherwise its one column
  &.split-evenly-3 {
    text-align: left;
    overflow: auto;
    width: 100%;

    @include media-breakpoint-up(md) {
      li {
        float: left;
        width: 50%;
        padding-right: 1em;
      }
    }

    @include media-breakpoint-up(xl) {
      li {
        float: left;
        width: 33%;
      }
    }
}

  // Splits a list into two even columns for anything above md
  // otherwise its one 
  &.split-evenly-2 {
    text-align: left;
    overflow: auto;
    width: 100%;

    @include media-breakpoint-up(md) {
      li {
        float: left;
        width: 50%;
        padding-right: 1em;
      }
    }
  }

  &.no-bullets {
    list-style: none;
  }
}

Tidy scss and disable linter
Tidy scss and disable linter
