@mixin cross-browser($property, $values...) {
    #{-webkit- + $property}: $values;
    #{-moz- + $property}: $values;
    #{-ms- + $property}: $values;
    #{-o- + $property}: $values;
    #{$property}: $values;
}

@mixin safari_only {
  @supports (overflow:-webkit-marquee) and (justify-content:inherit) {
    @content;
  }
}

@mixin antialiased {
  @include cross-browser(font-smoothing, antialiased);
  -moz-osx-font-smoothing: grayscale;
}