x
1
2
3
4
5
6
7
8
9
10
11
12
<div class="flex flex-col gap-half"> <h4 class="text-sm leading-none font-medium">CSS Zero</h4> <p class="text-sm text-subtle">An open-source UI component library.</p></div><div class="separator-horizontal mb-4" aria-hidden="true"></div><div class="flex items-center text-sm gap" style="--column-gap: 1rem; block-size: 1.25rem;"> <div>Blog</div> <span class="separator-vertical" aria-hidden="true"></span> <div>Docs</div> <span class="separator-vertical" aria-hidden="true"></span> <div>Source</div></div>1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="flex flex-col gap-half"> <h4 class="text-sm leading-none font-medium">CSS Zero</h4> <p class="text-sm text-subtle">An open-source UI component library.</p></div><div class="separator-horizontal mb-4" aria-hidden="true"></div><div class="flex items-center text-sm gap" style="--column-gap: 1rem; block-size: 1.25rem;"> <div>Blog</div> <span class="separator-vertical" aria-hidden="true"></span> <div>Docs</div> <span class="separator-vertical" aria-hidden="true"></span> <div>Source</div></div>1
2
3
4
5
6
7
8
9
10
11
.separator-horizontal { background-color: var(--color-border-dark); block-size: 1px; inline-size: var(--size-full);}.separator-vertical { background-color: var(--color-border-dark); block-size: var(--size-full); inline-size: 1px;}
Java Script is not required or multiple files are needed, check the notes.
No notes provided.