71 lines
1.4 KiB
SCSS
71 lines
1.4 KiB
SCSS
/*
|
|
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);
|
|
}
|
|
}
|