.m-media__iconfont {
  @include icon("twitter");

  &:before {
    font-size: pxToEm(120);
  }

  &:hover,
  &:focus,
  &:active {
    color: $colorActive;
  }
}

.m-media__dataurl {
  @include iconDataurl("twitter");

  &:hover,
  &:focus,
  &:active {
    color: $colorActive;

    // stylelint-disable-next-line max-nesting-depth
    &:before {
      @include iconDataurlStyles("twitter", $color: "active", $skipDimensions: true);
    }
  }
}

.m-media__pngsprite {
  @include pngsprite("twitter");

  &:hover,
  &:focus,
  &:active {
    color: $colorActive;

    // stylelint-disable-next-line max-nesting-depth
    &:before {
      @include pngspriteStyles("twitter_active", $skipDimensions: true);
    }
  }
}