//
// Tags
// --------------------------------------------------

.tag
{
    border-radius: @border-radius-large;
    padding: 0 @base-unit * 0.375 @base-unit * 0.125 @base-unit * 0.375;

    &.tag-default
    {
        color: @color-gray-50;
        background-color: @color-gray-130;
    }

    &.tag-incomplete
    {
        color: @color-white;
        background-color: @color-red-70;
    }

    &.tag-active
    {
        color: @color-white;
        background-color: @color-green-100;
    }

    &.tag-scheduled
    {
        color: @color-white;
        background-color: @color-orange-80;
    }

    &.tag-finished
    {
        color: @color-white;
        background-color: @color-blue-100;
    }
    // Ensures contrast of font color for dark tag
    &.tag-dark
    {
        color: @color-white;
    }
    // Ensures contrast of font color for bright tag
    &.tag-bright
    {
        color: @text-color;
    }
}