Add rollover effect for icons in the contact section.

diff --git a/less/contact.less b/less/contact.less
index a001843736c21af6787dd1a57f3c7049f9e1584d..fcc249d0a6a50f20f5ce8073a9ebba9d4dc2aecc 100644 (file)
--- a/less/contact.less
+++ b/less/contact.less
@@ -12,25 +12,33 @@
 
   a {
     color: #fff;
+    display: block;
+    background-repeat: no-repeat;
+    background-position: 0 0;
 
     &:hover {
       color: #0080c8;
     }
   }
   
-  .address {
+  .address a {
     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAyCAMAAAAHpFkRAAAATlBMVEUAAABgYGBgYGhiYmpgYGpiYmpjY2tgYGhiYmpjY2pjY2liYmpjY2tiYmtiYmliYmtiYmlgYGhiYmpjY2liYmpiYmtgYGpjY2pgYGBjY2tD442sAAAAGXRSTlMAEEAAMIC/AGDPAN8AjwDvcCCfUK8AAAAAKQ09kgAAAb1JREFUeF6dlN2SgyAMhRMQBClFtPvj+7/oigSDab3Z76JjMzE5h2BAgmoHfwXQBwZjN8Ka4bsD+NH57YJ3+gQ0ocL2RlAjAfUB4/aR+FWB4xe5n8AjW+izkt1JMg8uWWHOVcRgAudR2tIKOd0xt5JLdbpy+Qu5NVHFKQZ+qZCVos74Iiml2ky1fgo5HppCxN6a06BrsXRUcGm76MyJysFQw6ZEzdbhusgAsRYrTZoXVj5iLWfAsn4x1VBi9bAs1NA6TVNXjIOuNqO0YqCbPusl6ZT22LEyzZbof9KwjVZetkxp4TRfxyFOTtURwXKqRU7gs6y+Iqx8RkYY5bNcYUpn19G/GXBtpjryBcHO7Ou4I4Hqgs5dC+1oYMHpwjlwOA+CbrgyO/TFu/PCgtb59C+Y2XHZIYbldORXc0zLARMFkskjkWMLBmwbybFBH41SJvrrdZpgKsipy/k/4PjN6S4r5X4jzXdp8/MAnhV725Kb3rZN2O9e4Va4JKfEcrMreVvebEyPnxb+IOSlQSx8wn0QxtqYKIVJbYSXQ2rAoweDlC8tsA2WLy0wK++2HhgF88f7DlqyNJPCqWRZ9Bt/KhuHjqH+vKEAAAAASUVORK5CYII=');
-    background-repeat: no-repeat;
-    background-position: 0 0;
     padding-left: 54px;
     min-height: 50px;
+    
+    &:hover {
+      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAyCAMAAAAHpFkRAAAAM1BMVEUAAAAAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMh7NNlxAAAAEHRSTlMAEEAwgL9gz9+P73Agn1CvE6qT6wAAAWtJREFUeF6dlN22hSAIhMXwNyvf/2nPLjEwyovzXbJGnEHKPAH7A8yMBV0lHC4fIh/qQPBGY2NVRPt0lOoraVSF+kGAd1V2P7LUaVVcS88clW7rjYZoa2+5tcLOxwZKt3LlhTgcMsVauhkOsnI1p15Nk65DMYE0fZppzfLVwec6+Cy5t1taGc8qVoEXlcWkdhhEFuEcMjVx7D+OssjDcqaVdtWMir45JdkZQL0+mts6ycwP95S5s/ofGZBbtWyFZJHC03M8J2fpibbbLbCAZ5mo784zQh3UxD6azMsSVAB/N0m8ICDCHsDNkLOgOfH0YPF6eH5wHgRtuEXE/sV7ubCF84+snPgE2Y6gHDJxW6pGxnKLUi/G+7DngCGhtZjCuE6Eq5846SN/qXJRod5YzYCbXzm/NvOIdFqZUrHN/pUMhNmfklke9vJiXvFTY0yaGmOCnNg3EOf2OQbbn7Hzv23Kyvs+ZeOQc92ma3+1rTzQFQLnuAAAAABJRU5ErkJggg==');
+    }
   }
   
-  .email {
+  .email a {
     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAiCAMAAAD8kqB9AAAATlBMVEUAAABiYmljY2tiYmtiYmpjY2lgYGpgYGBgYGhiYmpiYmpgYGpgYGBjY2pgYGhgYGhiYmpjY2liYmpiYmtiYmpiYmljY2tiYmtjY2pjY2uGXuZBAAAAGXRSTlMAcL/vr1AAECAAYDAAz0AA3wCAj58AAAAAmVMa8QAAAS1JREFUeF6N0+2ugyAMx2FAB4Lgu9t6/zd6arPz/1JFmxi35Al1PzPDYx3dTtO+5nk2fFmAGhcdunFMD3Dvfe+NlXtzg4ucORhHTYqxn+o45LwQreYAzEOp4C3GuLFz5v9raC/x+vkER9DMedV2gbFZNJ7MXpWTCNDCOU06LzcIhpZBSV2OtP6VVOVWOtMoqctprUtKuUJa69Ow6U5HKzGGcRzr2r3fnZSUQlw6TGcaCUKRki3HSMcmaao0sKQ5hsuBay3LpRfZfd/x6aU18C/NUAhh0pnmBgvp4Z+6KI1DMGolNB6wxqFVK9UVuo7Bocv3G6ZziVfciMaqy8Fu1hM1IWengPrb90StaZHochDYmgH4ngeTc070ZDi7N9539GimGKPhq7PL/SRukf8Aott9BBLtP7YAAAAASUVORK5CYII=');
-    background-repeat: no-repeat;
     line-height: 34px;
     padding-left: 57px;
+    
+    &:hover {
+      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAiCAMAAAD8kqB9AAAAM1BMVEUAAAAAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMh7NNlxAAAAEHRSTlMAcL/vr1AQIGAwz0DfgI+fu0JscgAAAQxJREFUeF6N0c2ygyAQhNEGdPxBcd7/aa8OSfVi5gZ7k6TqgNYXAEhZhyvTjL6kL1ZMywKsL/AGbECyzzLAu91ZkbWsNz9+YwFO1YYH3Fz2H/gCcN0u4/tTpn9xAyQrtV5ip/345K75ZikuZxGoO9+ANS5XH0zNoiUsp177kr1c00CzpC/ndVCy8XCkeRvLjXQvWSpGOgOLlbRCMyBHoJlAdis5yXPmsqZeE/c0sHLkXpft2yuB3zB7TWy76s4wa6QrcKrfDJxe8xKOj6R2LxhzatfKdaV2OOLUO/+0cBlYykfzbDw+O+PQIkDW32s3V50wMVE8BtaESjzkAjyH3myDbdFXO/Dh6RzPXuMP8Y5NAW+hR4kAAAAASUVORK5CYII=');
+    }
   }
   
 }