Skip to content

Commit 068f807

Browse files
committed
hover effects on sharing icons
tried to base these on official colors where available
1 parent 9abd87d commit 068f807

File tree

1 file changed

+40
-0
lines changed

1 file changed

+40
-0
lines changed

cover.css

+40
Original file line numberDiff line numberDiff line change
@@ -125,6 +125,46 @@ body {
125125
color: rgba(255,255,255,.5);
126126
}
127127

128+
/*
129+
* hover effects for social icons
130+
*/
131+
132+
.fa-twitter:hover,
133+
.fa-twitter:active {
134+
color: #55ACEE;
135+
}
136+
137+
.fa-facebook:hover,
138+
.fa-facebook:active {
139+
color: #3B5999;
140+
}
141+
142+
.fa-google-plus:hover,
143+
.fa-google-plus:active {
144+
color: rgb(223, 82, 57);
145+
}
146+
147+
.fa-user:hover,
148+
.fa-user:active {
149+
color: #4285F4;
150+
}
151+
152+
.fa-tumblr:hover,
153+
.fa-tumblr:active {
154+
color: rgb(44, 71, 98);
155+
}
156+
157+
.fa-github:hover,
158+
.fa-github:active {
159+
color: #000;
160+
}
161+
162+
/* this is speculative, red
163+
could be any color */
164+
.fa-envelope:hover,
165+
.fa-envelope:active {
166+
color: #F22;
167+
}
128168

129169
/*
130170
* Affix and center

0 commit comments

Comments
 (0)