From 2b30253ebe0c5a2b5e0b7c8981f7cea0d2b12ffe Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Thu, 27 Nov 2025 09:18:09 +0100
Subject: [PATCH] FEATURE Styling native details tag

---
 resources/css/blocks/wp-block-details.css | 24 +++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 resources/css/blocks/wp-block-details.css

diff --git a/resources/css/blocks/wp-block-details.css b/resources/css/blocks/wp-block-details.css
new file mode 100644
index 0000000..e9da0d1
--- /dev/null
+++ b/resources/css/blocks/wp-block-details.css
@@ -0,0 +1,24 @@
+.wp-block-details {
+  @apply border border-primary border-solid p-4;
+
+  summary {
+    @apply font-bold list-none flex items-center justify-between gap-2;
+
+    &::-webkit-details-marker,
+    &::marker {
+      @apply hidden;
+      content: ' ';
+    }
+    &:after {
+      transition: transform 0.5s ease-out;
+      content: ' ';
+      @apply w-10 h-10  block content-[''] bg-no-repeat bg-center bg-contain;
+      background-image: url('../resources/img/elements/select-drop-button.svg');
+    }
+  }
+  &[open] {
+    summary:after {
+      @apply rotate-180;
+    }
+  }
+}