X-Git-Url: http://git.ieval.ro/?a=blobdiff_plain;f=tmpl%2Fless%2Flabels.less;fp=tmpl%2Fless%2Flabels.less;h=cad5ce516052bffed185ebe55cbbd2e53ca147b4;hb=7b8697217dd7b910c8600a1290d0a9590437afc0;hp=0000000000000000000000000000000000000000;hpb=db540dc1ec5c2e5a5856e1ba9f25eb1ae6e7548d;p=mindcoding-template-patches.git diff --git a/tmpl/less/labels.less b/tmpl/less/labels.less new file mode 100755 index 0000000..cad5ce5 --- /dev/null +++ b/tmpl/less/labels.less @@ -0,0 +1,58 @@ +// +// Labels +// -------------------------------------------------- + +.label { + display: inline; + padding: .2em .6em .3em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: @label-color; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25em; + + // Add hover effects, but only for links + &[href] { + &:hover, + &:focus { + color: @label-link-hover-color; + text-decoration: none; + cursor: pointer; + } + } + + // Empty labels collapse automatically (not available in IE8) + &:empty { + display: none; + } +} + +// Colors +// Contextual variations (linked labels get darker on :hover) + +.label-default { + .label-variant(@label-default-bg); +} + +.label-primary { + .label-variant(@label-primary-bg); +} + +.label-success { + .label-variant(@label-success-bg); +} + +.label-info { + .label-variant(@label-info-bg); +} + +.label-warning { + .label-variant(@label-warning-bg); +} + +.label-danger { + .label-variant(@label-danger-bg); +}