Archived
1
0
Fork 0

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:
Henrik Hautakoski 2018-09-01 20:31:34 +02:00
parent 56a80ef350
commit 161d5a1353

View file

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