LukeParke/website
1
0
Fork 0
mirror of https://github.com/LukeHagar/website.git synced 2025-12-07 21:07:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix typo, update accordion title

Browse Source
This commit is contained in:
Jesse Winton
2024-12-24 11:09:37 -08:00
parent 0fdcf7c3fe
commit d4e77978d9
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
CONTENT.md
View File

@@ -296,7 +296,7 @@ Configure FCM for push notification to Android and Apple devices.
#### Accordions #### Accordions
Use accordions to reduce page size and collapse information that's not important when a reader is skilling the page. Use accordions to reduce page size and collapse information that's not important when a reader is scrolling the page.
``` ```
{% accordion %} {% accordion %}

4
src/lib/components/Accordion/Item.svelte
View File

@@ -8,12 +8,12 @@
<summary <summary
class="collapsible-button flex cursor-pointer list-none appearance-none items-center justify-between marker:hidden [&::-webkit-details-marker]:hidden" class="collapsible-button flex cursor-pointer list-none appearance-none items-center justify-between marker:hidden [&::-webkit-details-marker]:hidden"
> >
<span class="text">{title}</span> <span class="text-primary text-sub-body font-medium">{title}</span>
<div class="icon text-primary transition-transform group-[&[open]]:rotate-180"> <div class="icon text-primary transition-transform group-[&[open]]:rotate-180">
<span class="icon-cheveron-down" aria-hidden="true" /> <span class="icon-cheveron-down" aria-hidden="true" />
</div> </div>
</summary> </summary>
<div class="collapsible-content flex flex-col"> <div class="collapsible-content text-secondary text-sub-body flex flex-col">
<slot /> <slot />
</div> </div>
</details> </details>