Merge pull request #12 "Fix social links" from sounisi5011/fix-social…

…-links
sounisi5011 · Jun 7, 2019 · 9d3e5e8 · 9d3e5e8
2 parents 16d4db4 + 14fbaa6
commit 9d3e5e8
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 12 deletions.
diff --git a/src/pages/index.pug b/src/pages/index.pug
@@ -38,43 +38,43 @@ html(lang="ja")
     hr
     ul.social-links
       li.twitter
-        a(href="https://twitter.com/intent/user?user_id=4676860944" target="_blank")
+        a(href="https://twitter.com/intent/user?user_id=4676860944" target="_blank" title="Twitter @sounisi5011")
           span.service-name Twitter: 
           | @sounisi5011
       li.twitter
-        a(href="https://twitter.com/intent/user?user_id=4676837791" target="_blank")
+        a(href="https://twitter.com/intent/user?user_id=4676837791" target="_blank" title="Twitter @sounisi5011Prog")
           span.service-name Twitter: 
           | @sounisi5011Prog
       li.twitter
-        a(href="https://twitter.com/intent/user?user_id=4676885804" target="_blank")
+        a(href="https://twitter.com/intent/user?user_id=4676885804" target="_blank" title="Twitter @sounisi5011Vore")
           span.service-name Twitter: 
           | @sounisi5011Vore
       li.twitter
-        a(href="https://twitter.com/intent/user?user_id=768680194244612096" target="_blank")
+        a(href="https://twitter.com/intent/user?user_id=768680194244612096" target="_blank" title="Twitter @sounisi5011R18G")
           span.service-name Twitter: 
           | @sounisi5011R18G
       li.github
-        a(href="https://github.com/sounisi5011" target="_blank")
+        a(href="https://github.com/sounisi5011" target="_blank" title="GitHub")
           span.service-name GitHub: 
           | sounisi5011
       li.qiita
-        a(href="https://qiita.com/sounisi5011" target="_blank")
+        a(href="https://qiita.com/sounisi5011" target="_blank" title="Qiita")
           span.service-name Qiita: 
           | sounisi5011
       li.pixiv
-        a(href="https://www.pixiv.net/member.php?id=3910454" target="_blank")
+        a(href="https://www.pixiv.net/member.php?id=3910454" target="_blank" title="pixiv")
           span.service-name pixiv: 
           | 3910454
       li.furaffinity
-        a(href="https://www.furaffinity.net/user/sounisi5011/" target="_blank")
+        a(href="https://www.furaffinity.net/user/sounisi5011/" target="_blank" title="Fur Affinity")
           span.service-name Fur Affinity: 
           | sounisi5011
       li.deviantart
-        a(href="https://www.deviantart.com/sounisi5011" target="_blank")
+        a(href="https://www.deviantart.com/sounisi5011" target="_blank" title="DeviantArt")
           span.service-name DeviantArt: 
           | sounisi5011
       li.e621
-        a(href="https://e621.net/user/show/306135" target="_blank")
+        a(href="https://e621.net/user/show/306135" target="_blank" title="e621")
           span.service-name e621: 
           | sounisi5011
       li.vore-pokemori

diff --git a/src/styles/root.less b/src/styles/root.less
@@ -38,22 +38,28 @@ h1,
 }
 
 .social-links {
+  @social-links-gap: 0.25em;
+
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   list-style: none;
   padding: 0;
 
+  margin: (1em - @social-links-gap) (@social-links-gap * -1);
+
   & > li {
     @icon-right-space: 0.25em;
 
-    margin: 0.1em;
+    margin: @social-links-gap;
+    flex: 1 1 auto;
+    text-align: center;
 
     & > a {
       @bg-color: $background-color;
 
       display: block;
-      padding: 0.3em 0.5em;
+      padding: 0.6em 0.3em;
       background-color: #333;
       color: #fff;
       text-decoration: unset;