feat(ui): update the twitter icon (#1221)
This commit is contained in:
parent
4237d078fa
commit
aff7566774
4 changed files with 26 additions and 30 deletions
|
@ -4,7 +4,7 @@
|
||||||
icon: "fab fa-github"
|
icon: "fab fa-github"
|
||||||
|
|
||||||
- type: twitter
|
- type: twitter
|
||||||
icon: "fab fa-twitter"
|
icon: "fa-brands fa-x-twitter"
|
||||||
|
|
||||||
- type: email
|
- type: email
|
||||||
icon: "fas fa-envelope"
|
icon: "fas fa-envelope"
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
|
|
||||||
platforms:
|
platforms:
|
||||||
- type: Twitter
|
- type: Twitter
|
||||||
icon: "fab fa-twitter"
|
icon: "fa-brands fa-square-x-twitter"
|
||||||
link: "https://twitter.com/intent/tweet?text=TITLE&url=URL"
|
link: "https://twitter.com/intent/tweet?text=TITLE&url=URL"
|
||||||
|
|
||||||
- type: Facebook
|
- type: Facebook
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<!-- Post sharing snippet -->
|
<!-- Post sharing snippet -->
|
||||||
|
|
||||||
<div class="share-wrapper">
|
<div class="share-wrapper d-flex align-items-center">
|
||||||
<span class="share-label text-muted me-1">{{ site.data.locales[include.lang].post.share }}</span>
|
<span class="share-label text-muted me-1">{{ site.data.locales[include.lang].post.share }}</span>
|
||||||
<span class="share-icons">
|
<span class="share-icons">
|
||||||
{% capture title %}{{ page.title }} - {{ site.title }}{% endcapture %}
|
{% capture title %}{{ page.title }} - {{ site.title }}{% endcapture %}
|
||||||
|
|
|
@ -102,9 +102,13 @@ h1 + .post-meta {
|
||||||
.share-icons {
|
.share-icons {
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
|
|
||||||
> *:hover {
|
> * {
|
||||||
i {
|
margin-left: 0.25rem;
|
||||||
@extend %btn-share-hovor;
|
|
||||||
|
&:hover {
|
||||||
|
i {
|
||||||
|
@extend %btn-share-hovor;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -116,36 +120,28 @@ h1 + .post-meta {
|
||||||
@extend %cursor-pointer;
|
@extend %cursor-pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a :hover {
|
||||||
&:not(:last-child) {
|
text-decoration: none;
|
||||||
margin-right: 0.25rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.fab {
|
.fa-square-x-twitter {
|
||||||
&.fa-twitter {
|
@include btn-sharing-color(black);
|
||||||
@include btn-sharing-color(rgba(29, 161, 242, 1));
|
}
|
||||||
}
|
|
||||||
|
|
||||||
&.fa-facebook-square {
|
.fa-facebook-square {
|
||||||
@include btn-sharing-color(rgb(66, 95, 156));
|
@include btn-sharing-color(rgb(66, 95, 156));
|
||||||
}
|
}
|
||||||
|
|
||||||
&.fa-telegram {
|
.fa-telegram {
|
||||||
@include btn-sharing-color(rgb(39, 159, 217));
|
@include btn-sharing-color(rgb(39, 159, 217));
|
||||||
}
|
}
|
||||||
|
|
||||||
&.fa-linkedin {
|
.fa-linkedin {
|
||||||
@include btn-sharing-color(rgb(0, 119, 181));
|
@include btn-sharing-color(rgb(0, 119, 181));
|
||||||
}
|
}
|
||||||
|
|
||||||
&.fa-weibo {
|
.fa-weibo {
|
||||||
@include btn-sharing-color(rgb(229, 20, 43));
|
@include btn-sharing-color(rgb(229, 20, 43));
|
||||||
}
|
|
||||||
}
|
}
|
||||||
} /* .share-icons */
|
} /* .share-icons */
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue