pnx/httpcb
Archived
1
0
Fork 0
Code Releases Activity

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)

Browse source
This commit is contained in:
Henrik Hautakoski 2018-09-01 20:31:34 +02:00
parent 56a80ef350
commit 161d5a1353
1 changed files with 7 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

13
app/assets/sass/components/_list-group.scss
View file

@ -4,6 +4,8 @@
padding-left: 0; // for <ul>, reset left padding. padding-left: 0; // for <ul>, reset left padding.
margin-bottom: 0; // for <ul>, reset bottom margin. margin-bottom: 0; // for <ul>, reset bottom margin.
border: 1px solid $list-group-item-border-color;
&-item { &-item {
display: block; display: block;
@ -11,16 +13,15 @@
color: $list-group-item-color; color: $list-group-item-color;
background-color: $list-group-item-background; 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 { &-active {
background-color: $list-group-item-active-background; background-color: $list-group-item-active-background;
} }
// Remove bottom border for all but last item.
&:not(:last-child) {
border-bottom: 0;
}
} }
} }