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