summaryrefslogtreecommitdiffstats
path: root/css/bootstrap/labels.less
diff options
context:
space:
mode:
authorArun Persaud <arun@nubati.net>2014-03-08 22:02:34 -0800
committerArun Persaud <arun@nubati.net>2014-03-08 22:26:07 -0800
commit72bdb543759b5ffbdf5c2cc71294ad4f1f2996b2 (patch)
treeaf2457b688e17c1709b5d2d45826a8379393abf1 /css/bootstrap/labels.less
parent742ba18eaf36386d2d0e0936975b3f2545afc59e (diff)
downloade-DoKo-72bdb543759b5ffbdf5c2cc71294ad4f1f2996b2.tar.gz
e-DoKo-72bdb543759b5ffbdf5c2cc71294ad4f1f2996b2.tar.bz2
e-DoKo-72bdb543759b5ffbdf5c2cc71294ad4f1f2996b2.zip
updated css/js libraries
* bootstrap 3.1.1 * jquery 2.1.0 * less 1.7.0 mostly bootstrap had to be adjusted, e.g. different names like hero-unit->jumbotron, etc.
Diffstat (limited to 'css/bootstrap/labels.less')
-rw-r--r--css/bootstrap/labels.less64
1 files changed, 64 insertions, 0 deletions
diff --git a/css/bootstrap/labels.less b/css/bootstrap/labels.less
new file mode 100644
index 0000000..5db1ed1
--- /dev/null
+++ b/css/bootstrap/labels.less
@@ -0,0 +1,64 @@
+//
+// 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;
+ }
+
+ // Quick fix for labels in buttons
+ .btn & {
+ position: relative;
+ top: -1px;
+ }
+}
+
+// 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);
+}