Tabs: Fixed visibility of details summary nested in a hidden details

wet-boew · Jan 7, 2015 · 89aa8bd · 89aa8bd
1 parent eee32ee
commit 89aa8bd
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/polyfills/details/_base.scss b/src/polyfills/details/_base.scss
@@ -9,9 +9,18 @@ summary {
 	visibility: visible !important;
 }
 
+%details-nested-in-hidden-details {
+	details {
+		summary {
+			display: none !important;
+		}
+	}
+}
+
 details {
 	// Prevent FOUC
 	&:not([open]) {
+		@extend %details-nested-in-hidden-details;
 		visibility: hidden;
 
 		> {
@@ -28,6 +37,10 @@ details {
 			visibility: visible;
 		}
 	}
+
+	.out {
+		@extend %details-nested-in-hidden-details;
+	}
 }
 
 .tabpanels {