Dcode Design System

List: Alpha

No notes defined.

<div class="prose lg:prose-xl">
    <ol class="alpha-list">
        <li>List item one</li>
        <li>List item two</li>
        <li>List item three</li>
    </ol>
</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