@mixin clearfix---alter() {
}

@mixin clearfix() {
  &::before,
  &::after {
    content: "";
    display: table;
  }
  &::after {
    clear: both;
  }
  @include clearfix---alter;
}

@mixin ellipsis---alter() {
}

@mixin ellipsis() {
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  @include ellipsis---alter;
}

@mixin font-face---alter($name, $path, $weight: null, $style: null, $extensions: eot woff2 woff ttf svg) {
}

@mixin font-face($name, $path, $weight: null, $style: null, $extensions: eot woff2 woff ttf svg) {
  $src: null;
  $extensionMods: (
    eot: "?",
    svg: "#" + str-replace($name, " ", "_")
  );
  $formats: (
    otf: "opentype",
    ttf: "truetype"
  );
  @each $extension in $extensions {
    $extensionMod: if(map-has-key($extensionMods, $extension), $extension + map-get($extensionMods, $extension), $extension);
    $format: if(map-has-key($formats, $extension), map-get($formats, $extension), $extension);
    $src: append($src, url(quote($path + "." + $extensionMod)) format(quote($format)), comma);
  }
  @font-face {
    font-family: quote($name);
    font-style: $style;
    font-weight: $weight;
    src: $src;
  }
  @include font-face---alter($name, $path, $weight: null, $style: null, $extensions: eot woff2 woff ttf svg);
}