From 0d9a8088fb047a28bdef660bd35574df44c1af63 Mon Sep 17 00:00:00 2001 From: Kyle Fiedler Date: Wed, 22 Feb 2012 16:28:44 -0500 Subject: [PATCH] Added slightly darker social icons so that they can have some opacity on hover --- sass/index/_footer.scss | 22 ++++++++++++++-------- 1 file changed, 14 insertions(+), 8 deletions(-) diff --git a/sass/index/_footer.scss b/sass/index/_footer.scss index e66d2ba5da..ec1a1c2f37 100644 --- a/sass/index/_footer.scss +++ b/sass/index/_footer.scss @@ -63,25 +63,31 @@ footer { float: left; margin-right: lh(.5); - a { - display: block; - height: 29px; - width: 28px; - text-indent: -9999px; - } - &:after { content: none; display: none; } + a { + display: block; + height: 29px; + width: 28px; + text-indent: -9999px; + + &:hover { + opacity: .8; + } + } + &.twitter a { background: url('/static/images/marketing/twitter.png') 0 0 no-repeat; } + &.facebook a { background: url('/static/images/marketing/facebook.png') 0 0 no-repeat; } - &.linkedin { + + &.linkedin a { background: url('/static/images/marketing/linkedin.png') 0 0 no-repeat; } }