2015-12-20 19:31:36 +01:00
|
|
|
|
|
|
|
|
.icon {
|
|
|
|
|
fill: none;
|
2016-01-10 03:05:55 +01:00
|
|
|
stroke: $gray-light;
|
2015-12-20 19:31:36 +01:00
|
|
|
stroke-width: 2;
|
|
|
|
|
stroke-linecap: round;
|
|
|
|
|
stroke-linejoin: round;
|
|
|
|
|
stroke-miterlimit: 10;
|
|
|
|
|
width: 60px;
|
|
|
|
|
height: 60px;
|
|
|
|
|
}
|
2016-01-21 12:16:52 +01:00
|
|
|
|
|
|
|
|
.icon--social {
|
|
|
|
|
@extend .transition;
|
|
|
|
|
width: 1rem;
|
|
|
|
|
height: 1rem;
|
|
|
|
|
stroke: none;
|
2016-01-21 12:38:06 +01:00
|
|
|
fill: $link-color;
|
2016-01-21 12:16:52 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
a {
|
|
|
|
|
&:hover,
|
|
|
|
|
&:focus {
|
|
|
|
|
.icon--twitter { fill: #55acee }
|
|
|
|
|
.icon--facebook { fill: #3b5998 }
|
|
|
|
|
.icon--linkedin { fill: #0077b5 }
|
|
|
|
|
.icon--github { fill: #4183c4 }
|
|
|
|
|
}
|
|
|
|
|
}
|
