Changeset - 1c2ba42412e9
[Not reviewed]
default
0 1 0
domruf - 8 years ago 2017-10-25 21:12:17
dominikruf@gmail.com
less: base .metatag styling on Bootstrap .label styling

Metatags kind of are and kind of look like labels, except some differences:
Labels use smaller but bold font. The sizing is also different, as labels are
not inline-block and will not expand the line height but might overflow into
previous/next line, especially if these also have labels.

We still keep the custom colors for font and background.

Alternatively, we could put the "label" class in the markup and just let the
metatag markup set the colors, similar to what Bootstrap "label-*" does.
1 file changed with 2 insertions and 6 deletions:
0 comments (0 inline, 0 general)
kallithea/public/less/kallithea-tags.less
Show inline comments
 
.metatag {
 
  display: inline-block;
 
  margin-right: 1px;
 
  border-radius: 4px 4px 4px 4px;
 
  border: solid 1px #9CF;
 
  padding: 2px 3px 2px 3px !important;
 
  background-color: #DEF;
 
  .label;
 
  color: #000;
 
}
 
.metatag[data-tag="dead"] {
 
  background-color: #E44;
 
}
 
.metatag[data-tag="stale"] {
 
  background-color: #EA4;
 
}
 
.metatag[data-tag="featured"] {
 
  background-color: #AEA;
 
}
 
.metatag[data-tag="requires"] {
 
  background-color: #9CF;
0 comments (0 inline, 0 general)