feat(base-share): add upper tooltip

components/BaseCheatsheet.vue

@@ -61,7 +61,7 @@ export default {
   data() {
     return {
       // --> COMPONENTS <--
-      networks: ["slack", "messenger", "telegram", "twitter", "linkedin"]
+      networks: ["Slack", "Messenger", "Telegram", "Twitter", "LinkedIn"]
     };
   }
 };

components/BaseShare.vue

@@ -3,11 +3,17 @@
      ************************************************************************* -->
 
 <template lang="pug">
-img(
-  @click="onClick"
-  :src="'/images/components/BaseShare/' + network + '.svg'"
+div(
+  :data-balloon="'Share on ' + network"
   class="c-base-share"
+  data-balloon-pos="up"
+  data-balloon-type="mini"
 )
+  img(
+    @click="onClick"
+    :src="'/images/components/BaseShare/' + network.toLowerCase() + '.svg'"
+    class="c-base-share__image"
+  )
 </template>
 
 <!-- *************************************************************************
@@ -39,9 +45,12 @@ export default {
 $c: ".c-base-share";
 
 #{$c} {
-  display: block;
-  width: 32px;
-  height: 32px;
-  cursor: pointer;
+  display: inline-block;
+
+  #{$c}__image {
+    width: 32px;
+    height: 32px;
+    cursor: pointer;
+  }
 }
 </style>