Skip to content
GitLab
Unverified Commit e8e6d64e authored by Martijn Cuppens's avatar Martijn Cuppens Committed by GitHub
Browse files

Fix card list group borders & radii (#30497)

parent 1cc1a476
Hide whitespace changes
Inline Side-by-side
Showing
with 17 additions and 19 deletions
+17 -19
scss/_card.scss
+ 10
- 7
View file @ e8e6d64e
...@@ -19,15 +19,18 @@ ...@@ -19,15 +19,18 @@
margin-left: 0; margin-left: 0;
} }
> .list-group:first-child { > .list-group {
.list-group-item:first-child { border-top: inherit;
@include border-top-radius($card-border-radius); border-bottom: inherit;
&:first-child {
border-top-width: 0;
@include border-top-radius($card-inner-border-radius);
} }
}
> .list-group:last-child { &:last-child {
.list-group-item:last-child { border-bottom-width: 0;
@include border-bottom-radius($card-border-radius); @include border-bottom-radius($card-inner-border-radius);
} }
} }
} }
......
scss/_list-group.scss
+ 7
- 12
View file @ e8e6d64e
...@@ -9,6 +9,7 @@ ...@@ -9,6 +9,7 @@
// No need to set list-style: none; since .list-group-item is block level // No need to set list-style: none; since .list-group-item is block level
padding-left: 0; // reset padding because ul and ol padding-left: 0; // reset padding because ul and ol
margin-bottom: 0; margin-bottom: 0;
@include border-radius($list-group-border-radius);
} }
...@@ -52,11 +53,11 @@ ...@@ -52,11 +53,11 @@
border: $list-group-border-width solid $list-group-border-color; border: $list-group-border-width solid $list-group-border-color;
&:first-child { &:first-child {
@include border-top-radius($list-group-border-radius); @include border-top-radius(inherit);
} }
&:last-child { &:last-child {
@include border-bottom-radius($list-group-border-radius); @include border-bottom-radius(inherit);
} }
&.disabled, &.disabled,
...@@ -132,18 +133,12 @@ ...@@ -132,18 +133,12 @@
// useful within other components (e.g., cards). // useful within other components (e.g., cards).
.list-group-flush { .list-group-flush {
.list-group-item { @include border-radius(0);
border-right-width: 0;
border-left-width: 0;
@include border-radius(0);
&:first-child { .list-group-item {
border-top-width: 0; border-width: 0 0 $list-group-border-width;
}
}
&:last-child { &:last-child {
.list-group-item:last-child {
border-bottom-width: 0; border-bottom-width: 0;
} }
} }
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment