feat(ui): update the twitter icon (#1221)

This commit is contained in:
Cotes Chung 2023-09-10 20:23:34 +08:00 committed by GitHub
parent 4237d078fa
commit aff7566774
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 26 additions and 30 deletions

View file

@ -4,7 +4,7 @@
icon: "fab fa-github"
- type: twitter
icon: "fab fa-twitter"
icon: "fa-brands fa-x-twitter"
- type: email
icon: "fas fa-envelope"

View file

@ -3,7 +3,7 @@
platforms:
- type: Twitter
icon: "fab fa-twitter"
icon: "fa-brands fa-square-x-twitter"
link: "https://twitter.com/intent/tweet?text=TITLE&url=URL"
- type: Facebook

View file

@ -1,6 +1,6 @@
<!-- 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-icons">
{% capture title %}{{ page.title }} - {{ site.title }}{% endcapture %}

View file

@ -102,11 +102,15 @@ h1 + .post-meta {
.share-icons {
font-size: 1.2rem;
> *:hover {
> * {
margin-left: 0.25rem;
&:hover {
i {
@extend %btn-share-hovor;
}
}
}
button {
position: relative;
@ -116,37 +120,29 @@ h1 + .post-meta {
@extend %cursor-pointer;
}
a {
&:not(:last-child) {
margin-right: 0.25rem;
}
&:hover {
a :hover {
text-decoration: none;
}
.fa-square-x-twitter {
@include btn-sharing-color(black);
}
.fab {
&.fa-twitter {
@include btn-sharing-color(rgba(29, 161, 242, 1));
}
&.fa-facebook-square {
.fa-facebook-square {
@include btn-sharing-color(rgb(66, 95, 156));
}
&.fa-telegram {
.fa-telegram {
@include btn-sharing-color(rgb(39, 159, 217));
}
&.fa-linkedin {
.fa-linkedin {
@include btn-sharing-color(rgb(0, 119, 181));
}
&.fa-weibo {
.fa-weibo {
@include btn-sharing-color(rgb(229, 20, 43));
}
}
} /* .share-icons */
.fas.fa-link {