kotovalexarian-likes-github
/
twbs--bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Releases Activity

Fix card list group borders & radii (#30497)

This commit is contained in:
Martijn Cuppens 2020-04-02 07:10:11 +02:00 committed by GitHub
parent 1cc1a47646
commit e8e6d64eb0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
scss/_card.scss
View File

@ -19,15 +19,18 @@
margin-left: 0;
}
> .list-group:first-child {
.list-group-item:first-child {
@include border-top-radius($card-border-radius);
}
}
> .list-group {
border-top: inherit;
border-bottom: inherit;
> .list-group:last-child {
.list-group-item:last-child {
@include border-bottom-radius($card-border-radius);
&:first-child {
border-top-width: 0;
@include border-top-radius($card-inner-border-radius);
}
&:last-child {
border-bottom-width: 0;
@include border-bottom-radius($card-inner-border-radius);
}
}
}

19
scss/_list-group.scss
View File

@ -9,6 +9,7 @@
// No need to set list-style: none; since .list-group-item is block level
padding-left: 0; // reset padding because ul and ol
margin-bottom: 0;
@include border-radius($list-group-border-radius);
}
@ -52,11 +53,11 @@
border: $list-group-border-width solid $list-group-border-color;
&:first-child {
@include border-top-radius($list-group-border-radius);
@include border-top-radius(inherit);
}
&:last-child {
@include border-bottom-radius($list-group-border-radius);
@include border-bottom-radius(inherit);
}
&.disabled,
@ -132,18 +133,12 @@
// useful within other components (e.g., cards).
.list-group-flush {
@include border-radius(0);
.list-group-item {
border-right-width: 0;
border-left-width: 0;
@include border-radius(0);
border-width: 0 0 $list-group-border-width;
&:first-child {
border-top-width: 0;
}
}
&:last-child {
.list-group-item:last-child {
&:last-child {
border-bottom-width: 0;
}
}