2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-14 18:42:30 +03:00

Adding contextual styles to list-items

This commit is contained in:
Aaron Borden
2013-10-16 19:02:04 -07:00
parent 3e9e339ee3
commit 0c2055ef38
6 changed files with 73 additions and 2 deletions
+5
View File
@@ -41,6 +41,11 @@
}
}
// Contextual variants
.list-group-item-variant(success; @state-success-bg; @state-success-border);
.list-group-item-variant(danger; @state-danger-bg; @state-danger-border);
.list-group-item-variant(warning; @state-warning-bg; @state-warning-border);
// Linked list items
a.list-group-item {
color: @list-group-link-color;
+15
View File
@@ -448,6 +448,21 @@
}
}
// List Groups
// -------------------------
.list-group-item-variant(@state; @background; @border) {
.list-group > .list-group-item.@{state} {
background-color: @background;
border-color: @border;
}
// Hover states
.list-group > .list-group-item.@{state}:hover {
background-color: darken(@background, 5%);
border-color: darken(@border, 5%);
}
}
// Button variants
// -------------------------
// Easily pump out default styles, as well as :hover, :focus, :active,