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:
@@ -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;
|
||||
|
||||
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user