x
1
2
3
4
5
6
7
<div class="flex items-center text-sm gap" style="--column-gap: 1rem; block-size: 1.25rem;"> <div>Blog</div> <div class="separator-vertical" role="separator" aria-orientation="vertical"></div> <div>Docs</div> <div class="separator-vertical" role="separator" aria-orientation="vertical"></div> <div>Source</div></div>1
2
3
4
5
6
7
<div class="flex items-center text-sm gap" style="--column-gap: 1rem; block-size: 1.25rem;"> <div>Blog</div> <div class="separator-vertical" role="separator" aria-orientation="vertical"></div> <div>Docs</div> <div class="separator-vertical" role="separator" aria-orientation="vertical"></div> <div>Source</div></div>1
2
3
4
5
6
7
8
9
10
11
12
13
.separator { background-color: var(--sep-color, var(--color-border)); block-size: 1px; flex-shrink: 0; inline-size: var(--size-full);}.separator-vertical { align-self: stretch; background-color: var(--sep-color, var(--color-border)); flex-shrink: 0; inline-size: 1px;}
Java Script is not required or multiple files are needed, check the notes.
No notes provided.