Mercurial > kallithea
changeset 7085:1c2ba42412e9
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.
| author | domruf <dominikruf@gmail.com> |
|---|---|
| date | Wed, 25 Oct 2017 21:12:17 +0200 |
| parents | 8ba69bf9236e |
| children | 438876d818d3 |
| files | kallithea/public/less/kallithea-tags.less |
| diffstat | 1 files changed, 2 insertions(+), 6 deletions(-) [+] |
line wrap: on
line diff
--- a/kallithea/public/less/kallithea-tags.less Wed Jan 03 03:45:35 2018 +0100 +++ b/kallithea/public/less/kallithea-tags.less Wed Oct 25 21:12:17 2017 +0200 @@ -1,10 +1,6 @@ .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;