XF 2.3 Share this Page Bluesky icon?

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:

1738707245349.webp

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! :)
 
Back
Top Bottom