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