/*
Social media icons
*/
.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; }
}
.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);
}