/*
  Social media icons
*/

.social-icons a, .sharing-icons a {
  padding-right: 10px;
}

@mixin social-media-icon($color, $transition){
  -webkit-transition: $transition;
  -o-transition: $transition;
  -ms-transition: $transition;
  -moz-transition: $transition;
  transition: $transition;
  &:hover{
    color: $color;
  }
}

.sharing-icons {
  .fa-envelope {
    padding: 5px;
    @include social-media-icon($envelope-color, $icon-transition-time);
  }

  .fa-twitter {
    padding: 5px;
    @include social-media-icon($twitter-color, $icon-transition-time);
  }

  .fa-instagram {
    padding: 5px;
    @include social-media-icon($instagram-color, $icon-transition-time);
  }

  .fa-github {
    padding: 5px;
    @include social-media-icon($github-color, $icon-transition-time);
  }

  .fa-linkedin {
    padding: 5px;
    @include social-media-icon($linkedin-color, $icon-transition-time);
  }

  .fa-facebook {
    padding: 5px;
    @include social-media-icon($facebook-color, $icon-transition-time);
  }

  .fa-pinterest {
    padding: 5px;
    @include social-media-icon($pinterest-color, $icon-transition-time);
  }

  .fa-medium {
    padding: 5px;
    @include social-media-icon($medium-color, $icon-transition-time);
  }

  .fa-codepen {
    padding: 5px;
    @include social-media-icon($codepen-color, $icon-transition-time);
  }

  .fa-rss-square {
    padding: 5px;
    @include social-media-icon($rss-color, $icon-transition-time);
  }
}