Align and animate expandable items (details, menu)

2025-08-01 11:38:46 +02:00
parent b47fa17980
commit cfdff18686
2 changed files with 15 additions and 3 deletions
@@ -186,10 +186,22 @@
      padding: $padding-16;
      margin: -$padding-16;
      cursor: pointer;
+      list-style: none;
+
+      &::before {
+        content: "▸"; 
+        display: inline-block;
+        margin-inline-end: $padding-8;
+        transition: transform 0.1s ease-in-out;
+      }
    }

    &[open] summary {
      margin-bottom: 0;
+
+      &::before {
+        transform: rotate(90deg);
+      }
    }
  }