mor-mark{
    display: inline;

    &.co-t{
        background-color: lighten(@colorTheme, 25%);
    }

    &.co-lt{
        background-color: lighten(@colorLightTheme, 25%);
    }

    &.co-dt{
        background-color: lighten(@colorDarkTheme, 25%);
    }

    &.co-s{
        background-color: lighten(@colorSuccess, 25%);
    }

    &.co-w{
        background-color: lighten(@colorWarning, 25%);
    }

    &.co-d{
        background-color: lighten(@colorDanger, 25%);
    }

    &.co-p{
        background-color: lighten(@colorPrimary, 25%);
    }

    &.co-m{
        background-color: lighten(@colorMinor, 25%);
    }

    &.co-i{
        background-color: lighten(@colorInfo, 25%);
    }

    &.co-bk{
        background-color: @colorBlack;
    }

    each(range(11), {
        @colorName : 'colorNeutral@{value}';

        &.co-n@{value}{
            background-color: @@colorName;
        }
    });

    &.co-wh{
        background-color: @colorWhite;
    }

    &.st-normal{}

    &.st-apparent{
        animation-name: apparent;
        animation-duration: 1s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
    }

    // default status
    &{
        .co-t;
        .st-normal;
    }
}