.SortIndicator {
    display: inline-block;
    height: 10px;
    margin-left: 5px;

    &-up {
        border-color: transparent transparent $timberwolf transparent;
        border-style: solid;
        border-width: 0 4px 4px 4px;
        height: 0;
        margin-bottom: 4px;
        width: 0;
    }

    &-up-sorted {
        border-color: transparent transparent $rhino transparent;
    }

    &-down {
        border-color: $timberwolf transparent transparent transparent;
        border-style: solid;
        border-width: 4px 4px 0 4px;
        height: 0;
        width: 0;
    }

    &-down-sorted {
        border-color: $rhino transparent transparent transparent;
    }

}