JSFiddle - React, Tailwind, and code Playground

by Michel Penke

HTML

<summary>
  <details>Test</details>
</summary>

CSS

summary {
box-sizing: border-box;
  cursor: pointer;
  display: list-item;
  font-weight: 700;
  list-style: none;
  margin-bottom: 20px;
  outline: none;
  position: relative;
  text-align: center;
  transition-delay: 0s;
  transition-duration: .2s;
  transition-property: all;
  transition-timing-function: ease-in;
}

@-moz-document url-prefix() {
    @supports (animation: calc(0s)) {
        /* Stylo */
        .ffStylo {
            property: value;
        }
    }
}