rhodecode/public/css/tags.less

// tags.less
// For use in RhodeCode applications;
// see style guide documentation for guidelines.

// TAGS
.tag,
.tagtag {
    display: inline-block;
    min-height: 0;
    margin: 0 auto;
    padding: .25em;
    text-align: center;
    font-size: (-1 + @basefontsize); //fit in tables
    line-height: 1.1em;
    border: none;
    box-shadow: @button-shadow;
    .border-radius(@border-radius);
    font-family: @text-regular;
    background-image: none;
    color: @grey4;
    .border ( @border-thickness-tags, @grey5 );
    white-space: nowrap;
    a {
        color: inherit;

        &:hover {
            color: @grey2;
        }

        i,
        [class^="icon-"]:before,
        [class*=" icon-"]:before {
            text-decoration: none;
        }
    }

    &:hover {
        border-color: @grey4;
    }
}

.tag0 { .border   ( @border-thickness-tags, @grey4 ); color:@grey4; }
.tag1 { .border   ( @border-thickness-tags, @color1 ); color:@color1; }
.tag2 { .border   ( @border-thickness-tags, @color2 ); color:@color2; }
.tag3 { .border   ( @border-thickness-tags, @color3 ); color:@color3; }
.tag4 { .border   ( @border-thickness-tags, @color4 ); color:@color4; }
.tag5 { .border   ( @border-thickness-tags, @color5 ); color:@color5; }
.tag6 { .border   ( @border-thickness-tags, @color6 ); color:@color6; }
.tag7 { .border   ( @border-thickness-tags, @color7 ); color:@color7; }
.tag8 { .border   ( @border-thickness-tags, @color8 ); color:@color8; }


.tag-gist-public {
    .border   (@border-thickness-tags, @color1);
    color: @color1;
}


.tag-gist-private {
    .border   (@border-thickness-tags, @color2);
    color: @color2;
}


.metatag-list {
    margin: 0;
    padding: 0;

    li {
        margin: 0 0 @padding;
        line-height: 1em;
        list-style-type: none;
    }
}

.branchtag, .booktag {
    &:extend(.tag);


    a {
        color:inherit;
    }
}

.metatag {
    &:extend(.tag);
    a {
        color:inherit;
        text-decoration: underline;
    }
}

[tag="generic"] { &:extend(.tag0); }
[tag="label"] { &:extend(.tag0); }

[tag="state featured"] { &:extend(.tag1); }
[tag="state dev"] { &:extend(.tag1); }
[tag="ref base"] { &:extend(.tag1); }

[tag="state stable"] { &:extend(.tag2); }
[tag="state stale"] { &:extend(.tag2); }

[tag="ref requires"] { &:extend(.tag3); }

[tag="state dead"] { &:extend(.tag4); }
[tag="state deprecated"] { &:extend(.tag4); }

[tag="ref conflicts"] { &:extend(.tag4); }

[tag="license"] { &:extend(.tag6); }

[tag="lang"] { &:extend(.tag7); }
[tag="language"] { &:extend(.tag7); }
[tag="ref recommends"] { &:extend(.tag7); }

[tag="see"] { &:extend(.tag8); }
[tag="url"] { &:extend(.tag8); }


.perm_overriden {
    text-decoration: line-through;
    opacity: 0.6;
}

.perm_tag {
    &:extend(.tag);

    &.read {
        &:extend(.tag1);
    }
    &.write {
        &:extend(.tag4);
    }
    &.admin {
        &:extend(.tag5);
    }
    &.merge {
        &:extend(.tag1);
    }
    &.push {
        &:extend(.tag4);
    }
    &.push_force {
        &:extend(.tag5);
    }
}

.phase-draft {
  color: @color3
}

.phase-secret {
  color:@grey3
}