Dcode Design System

List: Header Navigation

No notes defined.

<div class="bg-white z-10 shadow-lg rounded overflow-hidden ring-1 ring-black ring-opacity-5 origin-top-right focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="user-menu-button" tabindex="-1">
    <ul class="text-sm font-medium text-tertiary-500 [&>a]:whitespace-nowrap">
        <li>
            <a href="#" class="bg-tertiary-100 block px-smSpace py-xsSpace text-tertiary-700 font-semibold">Your Profile</a>
        </li>

        <li>
            <a href="#" class="block px-smSpace py-xsSpace hover:bg-tertiary-100 hover:text-tertiary-800">Settings</a>
        </li>

        <li>
            <a href="#" class="block px-smSpace py-xsSpace hover:bg-tertiary-100 hover:text-tertiary-800">Sign Out</a>
        </li>
    </ul>
</div>
  • Content: 
    https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FJUMg9qwWNHgaiuoDoEgHkn%2Ffractal.dcodegroup.com%3Fnode-id%3D65%253A6364%26t%3DdVycvZF0V0W4lyYO-1
  • URL: /components/raw/list/figma.txt
  • Filesystem Path: components/03-elements/list/figma.txt
  • Size: 182 Bytes
  • Content: 
    ol.number-list {
    counter-reset: item;
    position: relative;
    padding: 0;
}

ol.number-list ol {
    padding-left: 24px;
}

ol.number-list li {
    display: block;
}

ol.number-list li::before {
    content: counters(item, ".") ". ";
    counter-increment: item;
}

ol.alpha-list {
    list-style-type: lower-alpha;
}
  • URL: /components/raw/list/list.scss
  • Filesystem Path: components/03-elements/list/list.scss
  • Size: 325 Bytes