From bb9b28b7cf034980da42c54baa65b097c97959fd Mon Sep 17 00:00:00 2001
From: Andrew Noblet <andrewbnoblet@gmail.com>
Date: Mon, 26 Aug 2024 14:50:25 +0000
Subject: [PATCH] feat(cxl-lumo-styles): style details elements

https://cxlworld.slack.com/archives/C01HXU5GGJG/p1724673491752389
---
 packages/cxl-lumo-styles/scss/global.scss | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/packages/cxl-lumo-styles/scss/global.scss b/packages/cxl-lumo-styles/scss/global.scss
index 8de7a6c80..4b5d9ccf7 100644
--- a/packages/cxl-lumo-styles/scss/global.scss
+++ b/packages/cxl-lumo-styles/scss/global.scss
@@ -366,3 +366,17 @@ body.theme-conversionxl-better {
     font-size: var(--lumo-font-size-l);
   }
 }
+
+/**
+ * Add spacing and typography styles to details and summary elements
+ * @see https://cxlworld.slack.com/archives/C01HXU5GGJG/p1724673491752389
+ * @since 2024.08.26
+ */
+details {
+  margin: var(--lumo-space-m) 0;
+
+  summary {
+    font-weight: 900;
+    margin-bottom: var(--lumo-space-s);
+  }
+}