app/assets/sass/components/_list-group.scss: instead of having borders for each item (and remove buttom for last child). Set all 4 borders for .list-group and then set buttom border for all items (except last)
This commit is contained in:
parent
56a80ef350
commit
161d5a1353
1 changed files with 7 additions and 6 deletions
|
|
@ -4,6 +4,8 @@
|
|||
padding-left: 0; // for <ul>, reset left padding.
|
||||
margin-bottom: 0; // for <ul>, reset bottom margin.
|
||||
|
||||
border: 1px solid $list-group-item-border-color;
|
||||
|
||||
&-item {
|
||||
|
||||
display: block;
|
||||
|
|
@ -11,16 +13,15 @@
|
|||
|
||||
color: $list-group-item-color;
|
||||
background-color: $list-group-item-background;
|
||||
border: 1px solid $list-group-item-border-color;
|
||||
|
||||
// Set buttom border for all but the last child.
|
||||
&:not(:last-child) {
|
||||
border-bottom: 1px solid $list-group-item-border-color;
|
||||
}
|
||||
|
||||
&-active {
|
||||
background-color: $list-group-item-active-background;
|
||||
}
|
||||
|
||||
// Remove bottom border for all but last item.
|
||||
&:not(:last-child) {
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Reference in a new issue