rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-18 10:52:19 +01:00
Code Issues Actions Packages Releases Activity

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

Browse Source 
extract .label-variant mix-in
This commit is contained in:
Mark Otto 2013-07-07 18:26:54 -07:00
commit 906d04a4aa
2 changed files with 16 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
less/labels.less
View File

@ -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%);
}
}
} }

12
less/mixins.less
View File

@ -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.