freeradical.zone - Gradient border from bottom by edd

/* ==UserStyle==
@name           freeradical.zone - Gradient border from bottom
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A border to mark what kind of toot (public, unlisted, private, direct) a toot is more noticeably. Firefox-friendly
@author         @edd@freeradical.zone
==/UserStyle== */
@-moz-document domain("freeradical.zone") {
    .status__wrapper-public {
        border-right-style: solid;
        border-right-width: 4px;
        border-image: linear-gradient(0, #88CCEE, #fff 80%) 1;
    }
    .status__wrapper-unlisted {
        border-right-style: solid;
        border-right-width: 4px;
        border-image: linear-gradient(0, #332288, #fff 80%) 1;
    }
    .status__wrapper-private {
        border-right-style: solid;
        border-right-width: 4px;
        border-image: linear-gradient(0, #44AA99, #fff 80%) 1;
    }
    .status__wrapper-direct {
        border-right-style: solid;
        border-right-width: 4px;
        border-image: linear-gradient(0, #117733, #fff 80%) 1;
    }
}