ShenmueGuru
Member
Hopefully a quick answer for this one. I couldn't find anything with the search though.
Does Bluesky have an icon for the Share this Page widget? Here's how it looks, and also the code:

Bluesky does link when you click the blank space between the Twitter/X and LinkedIN icons. Here is what I have in share_controls.less
Thanks in advance!
Does Bluesky have an icon for the Share this Page widget? Here's how it looks, and also the code:

Bluesky does link when you click the blank space between the Twitter/X and LinkedIN icons. Here is what I have in share_controls.less
Code:
.shareButtons--iconic &
{
text-align: center;
> i
{
min-width: 20px;
}
> svg
{
vertical-align: middle;
}
> span
{
.m-visuallyHidden();
}
}
&.shareButtons-button--facebook
{
&:hover { background-color: #3B5998; }
> i:before { .m-faContent(@fa-var-facebook-f); }
}
&.shareButtons-button--twitter
{
&:hover { background-color: #000000; }
> i:before { .m-faContent(@fa-var-twitter); }
}
&.shareButtons-button--bluesky
{
&:hover { background-color: #1185fe; }
> i:before { .m-faContent(@fa-var-Bluesky); }
}
&.shareButtons-button--pinterest
{
&:hover { background-color: #bd081c; }
> i:before { .m-faContent(@fa-var-pinterest-p); }
}
&.shareButtons-button--tumblr
{
&:hover { background-color: #35465c; }
> i:before { .m-faContent(@fa-var-tumblr); }
}
&.shareButtons-button--reddit
{
&:hover { background-color: #FF4500; }
> i:before { .m-faContent(@fa-var-reddit-alien); }
}
&.shareButtons-button--whatsApp
{
&:hover { background-color: #25D366; }
> i:before { .m-faContent(@fa-var-whatsapp); }
}
&.shareButtons-button--linkedin
{
&:hover { background-color: #0077B5; }
> i:before { .m-faContent(@fa-var-linkedin); }
}
&.shareButtons-button--email
{
&:hover { background-color: #1289ff; }
> i:before { .m-faContent(@fa-var-envelope); }
}
&.shareButtons-button--share
{
cursor: pointer;
&:hover { background-color: #787878; }
> i:before { .m-faContent(@fa-var-share-alt); }
}
&.shareButtons-button--link
{
cursor: pointer;
&:hover { background-color: #787878; }
> i:before { .m-faContent(@fa-var-link); }
}
&.is-hidden
{
display: none;
}
}
Thanks in advance!
