/* ==UserStyle==
@name           github is not a social media platform
@namespace      https://www.5snb.club
@version        1.0.1
@description    Hides metrics such as starred/watching/fork counts
@author         5225225 (https://www.5snb.club)
@license        CC-BY-SA-4.0
==/UserStyle== */

@-moz-document domain("github.com") {
    #repo-stars-counter-star {
        display: none;
    }

    #repo-network-counter {
        display: none;
    }

    #repo-notifications-counter {
        display: none;
    }

    /* The CSS I got was NotificationsSubscriptionsMenu-module__watchCounter--nAbhU
    No idea if the end tag can vary. I assume it does. Do a prefix search.
    The space is intentional, since class isn't matched element by element.
    So if this is not the first item, it will be in the middle.
    So do a substring search with a space to not match in the middle of a class name. */
    [class*=" NotificationsSubscriptionsMenu-module__watchCounter--"],[class^="NotificationsSubscriptionsMenu-module__watchCounter--"] {
        display: none;
    }

    .Layout-sidebar a.Link[href$="/stargazers"] {
        display: none;
    }

    .Layout-sidebar a.Link[href$="/watchers"] {
        display: none;
    }

    .Layout-sidebar a.Link[href$="/forks"] {
        text-transform: capitalize;
    }

    .Layout-sidebar a.Link[href$="/forks"] strong {
        display: none;
    }
}