diff options
| author | SkyArrow <tommy351@gmail.com> | 2012-01-24 18:26:08 +0100 |
|---|---|---|
| committer | SkyArrow <tommy351@gmail.com> | 2012-01-24 18:26:08 +0100 |
| commit | b563f8747f9655e789878e9da67376be4aa04e30 (patch) | |
| tree | 540149bc6fb9b18cd8cf13205b690cbbe2d5f7dd | |
| parent | ba90fa20614edb6a22fc3050fb41fd13a0b60087 (diff) | |
| download | octopress-theme-jeyzu-b563f8747f9655e789878e9da67376be4aa04e30.zip octopress-theme-jeyzu-b563f8747f9655e789878e9da67376be4aa04e30.tar.gz | |
social icon class
| -rw-r--r-- | sass/parts/_header.scss | 8 | ||||
| -rw-r--r-- | source/_includes/header.html | 8 |
2 files changed, 8 insertions, 8 deletions
diff --git a/sass/parts/_header.scss b/sass/parts/_header.scss index 3f73710..7f76330 100644 --- a/sass/parts/_header.scss +++ b/sass/parts/_header.scss @@ -114,28 +114,28 @@ header{ &:hover{ opacity: 1; } - &:first-of-type{ + &.facebook{ background: image-url('facebook.png') center no-repeat #3B5998; border: 1px solid #3B5998; &:hover{ border: 1px solid darken(#3B5998, 10%); } } - &:nth-of-type(2){ + &.google{ background: image-url('google.png') center no-repeat #C83D20; border: 1px solid #C83D20; &:hover{ border: 1px solid darken(#C83D20, 10%); } } - &:nth-of-type(3){ + &.twitter{ background: image-url('twitter.png') center no-repeat #55CFF8; border: 1px solid #55CFF8; &:hover{ border: 1px solid darken(#55CFF8, 10%); } } - &:last-of-type{ + &.rss{ background: image-url('rss.png') center no-repeat #EF7522; border: 1px solid #EF7522; &:hover{ diff --git a/source/_includes/header.html b/source/_includes/header.html index 234ffae..d8cd357 100644 --- a/source/_includes/header.html +++ b/source/_includes/header.html @@ -7,16 +7,16 @@ </form> <div class="social right"> {% if site.facebook_user %} - <a href="http://www.facebook.com/{{ site.facebook_user }}" title="Facebook">Facebook</a> + <a class="facebook" href="http://www.facebook.com/{{ site.facebook_user }}" title="Facebook">Facebook</a> {% endif %} {% if site.googleplus_user %} - <a href="https://plus.google.com/{{ site.googleplus_user }}" title="Google+">Google+</a> + <a class="google" href="https://plus.google.com/{{ site.googleplus_user }}" title="Google+">Google+</a> {% endif %} {% if site.twitter_user %} - <a href="http://twitter.com/{{ site.twitter_user }}" title="Twitter">Twitter</a> + <a class="twitter" href="http://twitter.com/{{ site.twitter_user }}" title="Twitter">Twitter</a> {% endif %} {% if site.subscribe_rss %} - <a href="{{ site.subscribe_rss }}" title="RSS">RSS</a> + <a class="rss" href="{{ site.subscribe_rss }}" title="RSS">RSS</a> {% endif %} </div> </div> |