diff options
| author | Brian Picciano <mediocregopher@gmail.com> | 2018-09-04 14:45:42 -0400 |
|---|---|---|
| committer | Brian Picciano <mediocregopher@gmail.com> | 2018-09-04 14:45:42 -0400 |
| commit | c61dcf483bea7ad632ba5f7044d72f2bd74e670a (patch) | |
| tree | a19f3144ac244b789cb964bbde2fc28e18d8e4e4 | |
| parent | 9a4c6a490762ad8f2ce32bd9d5d872da4bedb8df (diff) | |
make social icons darken on hover
| -rw-r--r-- | _includes/header.html | 8 | ||||
| -rw-r--r-- | assets/main.css | 6 |
2 files changed, 9 insertions, 5 deletions
diff --git a/_includes/header.html b/_includes/header.html index 4ce71f8..586b613 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -8,14 +8,14 @@ <div class="four columns"> <div class="social"> - <a>RSS/Social:</a> - <a href="{{ 'feed.xml' | relative_url }}"> + <span class="spaced">RSS/Social:</span> + <a class="spaced" href="{{ 'feed.xml' | relative_url }}"> <i class="fas fa-rss"></i> </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> </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> </a> </div> diff --git a/assets/main.css b/assets/main.css index 99b30aa..b43779e 100644 --- a/assets/main.css +++ b/assets/main.css @@ -22,12 +22,16 @@ ul { margin-top: 1rem; } -#title-header .social a { +#title-header .social .spaced { color: #AAA; text-decoration: none; margin-right: 1em; } +#title-header .social a:hover { + color: #222; +} + #posts-list { margin-top: 3rem; list-style: none; |