added hover effect for hero social icons

Author: rammcodes

css/style.css

@@ -218,7 +218,10 @@ textarea {
     width: 100%;
     display: block;
     padding: 1.2rem;
-    border-bottom: 2px solid #eee; }
+    border-bottom: 2px solid #eee;
+    transition: background .3s; }
+    .home-hero__social-icon-link:hover {
+      background: rgba(255, 255, 255, 0.1); }
     .home-hero__social-icon-link--bd-none {
       border-bottom: 0; }
   .home-hero__social-icon {

sass/pages/_home.scss

@@ -49,6 +49,12 @@
     display: block;
     padding: 1.2rem;
     border-bottom: 2px solid #eee;
+    transition: background .3s;
+
+    &:hover {
+      background: rgba(#fff,.1);
+    }
+
     &--bd-none {
       border-bottom: 0;
     }