FEATURE Styling native details tag

2025-11-27 09:18:09 +01:00 · 2025-11-27 09:18:09 +01:00 · 2b30253ebe
commit 2b30253ebe
parent 5df1252076
1 changed files with 24 additions and 0 deletions
--- a/resources/css/blocks/wp-block-details.css
+++ 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;
+    }
+  }
+}