// 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: ""; } } }
}