fix: default theme summary and detail (#4156)
Fix incorrect styling with detail/summary elements when nested together.
This commit is contained in:
parent
12aef93cd6
commit
e8d56c28eb
@ -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%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user