diff --git a/_includes/post-sharing.html b/_includes/post-sharing.html
index 808e67d..24a0315 100644
--- a/_includes/post-sharing.html
+++ b/_includes/post-sharing.html
@@ -9,7 +9,7 @@
{{ site.data.share.label }}
-
+
{% capture title %}{{ page.title }} - {{ site.title }}{% endcapture %}
{% assign url = page.url | relative_url | prepend: site.url %}
@@ -17,11 +17,11 @@
{% assign link = share.link | replace: 'TITLE', title | replace: 'URL', url %}
-
+
{% endfor %}
-
diff --git a/assets/css/post.scss b/assets/css/post.scss
index f412c9c..0992a82 100644
--- a/assets/css/post.scss
+++ b/assets/css/post.scss
@@ -216,16 +216,24 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
.share-wrapper {
vertical-align: middle;
user-select: none;
- .share-icon {
+ .share-icons {
font-size: 1.2rem;
- a:hover {
- text-decoration: none;
- >i {
- @extend %btn-share-hovor;
+ a {
+ &:not(:last-child) {
+ margin-right: .25rem;
+ }
+ &:hover {
+ text-decoration: none;
+ >i {
+ @extend %btn-share-hovor;
+ }
}
}
- i:hover {
- @extend %btn-share-hovor;
+ >i {
+ padding-top: .35rem;
+ &:hover {
+ @extend %btn-share-hovor;
+ }
}
.fab {
&.fa-twitter {
@@ -242,7 +250,7 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
}
}
- } // .share-icon
+ } // .share-icons
.fas.fa-link {
@include btn-sharing-color(rgb(171, 171, 171));