|
|
// 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: .9em;
|
|
|
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; }
|
|
|
|
|
|
.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
|
|
|
}
|
|
|
|