Skip to content

B
bootstrap
Commit 906d04a4 authored by Mark Otto's avatar Mark Otto
Browse files
Options

Merge pull request #8407 from cvrebert/label-variant-mixin 

extract .label-variant mix-in
parents 65141338 a7dd1088
Hide whitespace changes
Inline Side-by-side
Showing with 16 additions and 28 deletions
less/labels.less
View file @ 906d04a4
...@@ -30,41 +30,17 @@ ...@@ -30,41 +30,17 @@
// Colors // Colors
// Contextual variations (linked labels get darker on :hover) // Contextual variations (linked labels get darker on :hover)
.label-danger { .label-danger {
background-color: @label-danger-bg; .label-variant(@label-danger-bg);
&[href] {
&:hover,
&:focus {
background-color: darken(@label-danger-bg, 10%);
}
}
} }
.label-success { .label-success {
background-color: @label-success-bg; .label-variant(@label-success-bg);
&[href] {
&:hover,
&:focus {
background-color: darken(@label-success-bg, 10%);
}
}
} }
.label-warning { .label-warning {
background-color: @label-warning-bg; .label-variant(@label-warning-bg);
&[href] {
&:hover,
&:focus {
background-color: darken(@label-warning-bg, 10%);
}
}
} }
.label-info { .label-info {
background-color: @label-info-bg; .label-variant(@label-info-bg);
&[href] {
&:hover,
&:focus {
background-color: darken(@label-info-bg, 10%);
}
}
} }
less/mixins.less
View file @ 906d04a4
...@@ -406,6 +406,18 @@ ...@@ -406,6 +406,18 @@
} }
} }
// Labels
// -------------------------
.label-variant(@color) {
background-color: @color;
&[href] {
&:hover,
&:focus {
background-color: darken(@color, 10%);
}
}
}
// Navbar vertical align // Navbar vertical align
// ------------------------- // -------------------------
// Vertically center elements in the navbar. // Vertically center elements in the navbar.
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment