mediocregopher/mediocre-blog
1
0
Fork 0
Code Pull Requests Releases Activity

make social icons darken on hover

Browse Source
This commit is contained in:
Brian Picciano 2018-09-04 14:45:42 -04:00
parent 9a4c6a4907
commit c61dcf483b
2 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
_includes/header.html
View File

@ -8,14 +8,14 @@
<div class="four columns"> <div class="four columns">
<div class="social"> <div class="social">
<a>RSS/Social:</a> <span class="spaced">RSS/Social:</span>
<a href="{{ 'feed.xml' | relative_url }}"> <a class="spaced" href="{{ 'feed.xml' | relative_url }}">
<i class="fas fa-rss"></i> <i class="fas fa-rss"></i>
</a> </a>
<a href="https://github.com/{{ site.github_username }}"> <a class="spaced" href="https://github.com/{{ site.github_username }}">
<i class="fab fa-github"></i> <i class="fab fa-github"></i>
</a> </a>
<a href="https://twitter.com/{{ site.twitter_username }}"> <a class="spaced" href="https://twitter.com/{{ site.twitter_username }}">
<i class="fab fa-twitter"></i> <i class="fab fa-twitter"></i>
</a> </a>
</div> </div>

6
assets/main.css
View File

@ -22,12 +22,16 @@ ul {
margin-top: 1rem; margin-top: 1rem;
} }
#title-header .social a { #title-header .social .spaced {
color: #AAA; color: #AAA;
text-decoration: none; text-decoration: none;
margin-right: 1em; margin-right: 1em;
} }
#title-header .social a:hover {
color: #222;
}
#posts-list { #posts-list {
margin-top: 3rem; margin-top: 3rem;
list-style: none; list-style: none;