commit d8283acd0b1105604c645e9003e263ada49a5305
author Henri Koivuneva <henri.koivuneva@gmail.com> Sat Aug 12 15:05:35 2017 +0300
committer Henri Koivuneva <henri.koivuneva@gmail.com> Sat Aug 12 15:05:35 2017 +0300
tree 2f2ebb728a2d14f534b62441ca406578bedc4379
parent 984bf52b46bd6000bb9dd323bd9ffe1cc092d273

CSS: Focus, hover & active states for buttons+links

Add focus+active states for buttons,
Add hover+focus+active states for team social links

css/style.css

diff --git a/css/style.css b/css/style.css
index 97eed1f..62316a9 100644
--- a/css/style.css
+++ b/css/style.css
@@ -217,6 +217,10 @@
   .portfolio-projects--btn:hover {
     background: #07374a;
     color: #ffffff; }
+  .portfolio-projects--btn:focus,
+  .portfolio-projects--btn:active {
+    background: #052a38;
+    color: #ffffff; }
 .portfolio-projects--image {
   margin-bottom: 1.875em;
   padding-top: 5%; }
@@ -231,8 +235,14 @@
 .contact-social-icons ul a {
   color: #0080ff;
   list-style: none; }
-  .contact-social-icons ul a:hover {
+  .contact-social-icons ul a:hover,
+  .team-links-list a:hover {
     color: #ffffff; }
+  .contact-social-icons ul a:focus,
+  .contact-social-icons ul a:active,
+  .team-links-list a:focus,
+  .team-links-list a:active {
+    color: rgba(255,255,255,0.8); }
   .contact-social-icons ul a li {
     display: inline-block;
     padding: 2%; }