asandikci.com/web
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_data/contact.yml
View file

@ -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"

2
_data/share.yml
View file

@ -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

2
_includes/post-sharing.html
View file

@ -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 %}

30
_sass/layout/post.scss
View file

@ -102,11 +102,15 @@ h1 + .post-meta {
.share-icons { .share-icons {
font-size: 1.2rem; font-size: 1.2rem;
> *:hover { > * {
margin-left: 0.25rem;
&:hover {
i { i {
@extend %btn-share-hovor; @extend %btn-share-hovor;
} }
} }
}
button { button {
position: relative; position: relative;
@ -116,37 +120,29 @@ h1 + .post-meta {
@extend %cursor-pointer; @extend %cursor-pointer;
} }
a { a :hover {
&:not(:last-child) {
margin-right: 0.25rem;
}
&:hover {
text-decoration: none; text-decoration: none;
} }
.fa-square-x-twitter {
@include btn-sharing-color(black);
} }
.fab { .fa-facebook-square {
&.fa-twitter {
@include btn-sharing-color(rgba(29, 161, 242, 1));
}
&.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 */
.fas.fa-link { .fas.fa-link {