// makes a list inline.

@mixin inline-list {

list-style-type: none;
&, & li {
  margin: 0px;
  padding: 0px;
  display: inline;
}

}

// makes an inline list that is comma delimited. // Please make note of the browser support issues before using this mixin. // // use of `content` and `:after` is not fully supported in all browsers. // See quirksmode for the [support matrix](www.quirksmode.org/css/contents.html#t15) // // `:last-child` is not fully supported. // see quirksmode for the [support matrix](www.quirksmode.org/css/contents.html#t29).

@mixin comma-delimited-list {

@include inline-list;
li {
  &:after { content: ", "; }
  &:last-child, &.last {
    &:after { content: ""; }
  }
}

}