Use BEM notation for naming classes

Author: pastelsky

components/contributors/contributors-style.scss

@@ -18,7 +18,7 @@
     box-shadow: 0 0 2px rgba(0,0,0,0.3);
   }
 
-  .contributor-name {
+  .contributor__name {
     color: getColor(fiord);
     margin-top: -6px;
     box-shadow: 0 0 2px rgba(0,0,0,0.3);
@@ -30,7 +30,7 @@
   }
 
   &:hover {
-    .contributor-name {
+    .contributor__name {
       color: lighten(getColor(denim), 5%);
     }
   }

components/contributors/contributors.jsx

@@ -17,7 +17,7 @@ export default ({contributors}) => {
               className="contributor"
               href={ `https://github.com/${contributor}` }>
               <img src={ `https://github.com/${contributor}.png?size=90` } />
-              <span className="contributor-name"> {contributor}</span>
+              <span className="contributor__name"> {contributor}</span>
             </a>
           ))
         }