fix: incorrectly not inheriting values within details elements #494 (…

…#495) fix: incorrectly not inheriting values within details elements #494
db-ui · Jul 4, 2023 · f3b0166 · f3b0166
1 parent f06a21d
commit f3b0166
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/source/_patterns/00-base/_init.scss b/source/_patterns/00-base/_init.scss
@@ -1,6 +1,6 @@
 // Box sizing
 html {
-	box-sizing: border-box;
+	box-sizing: var(--db-box-sizing, border-box);
 }
 
 *,
@@ -66,3 +66,12 @@ nav,
 		color: $db-color-red-500;
 	}
 }
+
+// details/summary box-sizing / https://kittygiraudel.com/2021/08/23/shadow-roots-and-inheritance/
+details {
+	& > *,
+	& > ::before,
+	& > ::after {
+		box-sizing: var(--db-box-sizing, border-box);
+	}
+}