inline lists

inline.scss

@mixin inline($separator, $sep) {
  ul, li {
    /* http://www.alistapart.com/articles/taminglists/ */
    display: inline;
    margin: 0;
    padding-left: 0;
  }
  li + li {
    // old IE doesn't recognize ::before, so this keeps items at least a little separate
    padding-left: $sep/2;
    &::before {
      font-style: normal;
      content: $separator;
      padding-right: $sep/2;
    }
  }
}