diff options
Diffstat (limited to 'src/lib/Collapsible.svelte')
| -rw-r--r-- | src/lib/Collapsible.svelte | 15 |
1 files changed, 14 insertions, 1 deletions
diff --git a/src/lib/Collapsible.svelte b/src/lib/Collapsible.svelte index 867117d..760677c 100644 --- a/src/lib/Collapsible.svelte +++ b/src/lib/Collapsible.svelte @@ -32,12 +32,25 @@ summary > :global(*) { display: inline; } + summary { cursor: pointer; + list-style: none; } - summary::marker { + summary::marker, + summary::-webkit-details-marker { content: ''; + display: none; + } + + summary:focus { + outline: none; + box-shadow: 0 0 0 2pt #06e7; + border-radius: 0.1em; + width: fit-content; + padding-right: 0.2em; } + summary::before { /* the background image is an arrow pointing down */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTcuNSA0Ljc1bC03LjUgNy41LTcuNS03LjVMMSA2LjI1bDkgOSA5LTl6IiBmaWxsPSIjYWFhIi8+IDwvc3ZnPg==); |