Smooth transitions and styling for additions and deletions

OurUmbraco.Client/src/scss/sections/_contributors.scss

@@ -32,8 +32,7 @@
     }
 }
 
-.github-contributors small.link-list
-{
+.github-contributors small.link-list {
     font-style: italic;
     font-weight: normal;
     text-transform: none;
@@ -59,6 +58,27 @@
         }
     }
 
+    .counts {
+        position: absolute;
+        top: 2px;
+        left: 2px;
+        right: 2px;
+        text-align: center;
+        color: #fff;
+        font-size: 12px;
+        line-height: 12px;
+        background: rgba(0,0,0,0.25);
+        border-radius: 50%;
+        bottom: 6px;
+        padding-top: 23px;
+        opacity: 0;
+        transition: opacity 0.25s;
+    }
+
+    &:hover .counts {
+        opacity: 1;
+    }
+
     .contrib-count {
         position: absolute;
         left: 25px;
@@ -69,5 +89,6 @@
         font-weight: bold;
         background: darken($color-our, 4%);
         border-radius: 15px;
+        z-index: 5;
     }
 }