fix: default theme summary and detail (#4156)

Fix incorrect styling with detail/summary elements when nested together.
This commit is contained in:
n1xx1 2021-10-09 22:54:36 +02:00 committed by GitHub
parent 12aef93cd6
commit e8d56c28eb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -804,7 +804,7 @@
padding-left: 0;
}
summary {
> summary {
border-radius: 7px;
background-color: mc('grey', '50');
cursor: pointer;
@ -835,7 +835,7 @@
&[open] {
padding: 1rem;
summary {
> summary {
background-color: mc('grey', '100');
border-bottom: 1px solid mc('grey', '300');
border-bottom-left-radius: 0;
@ -848,12 +848,12 @@
background-color: mc('grey', '900');
border-color: mc('grey', '700');
summary {
> summary {
background-color: mc('grey', '900');
border-color: mc('grey', '700');
}
&[open] summary {
&[open] > summary {
background-color: lighten(mc('grey', '900'), 5%);
}
}