Lists: Description lists

Ready

Notes
Info
HTML
View
Context

No notes defined.

Handle: @lists--description
Variants (4): Unordered lists , Ordered lists , Description lists , Description lists, inline
Preview:
- With layout
- Component only
Filesystem Path: src/components/01-brand-toolkit/typography/lists/lists--description.hbs


        
        <dl>
    <dt>Lorem ipsum dolor sit amet</dt>
    <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
    <dt>Lorem ipsum dolor sit amet</dt>
    <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
    <dd>
        <dl>
            <dt>Lorem ipsum dolor sit amet</dt>
            <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
            <dt>Lorem ipsum dolor sit amet</dt>
            <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
            <dd>
                <dl>
                    <dt>Lorem ipsum dolor sit amet</dt>
                    <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
                    <dt>Lorem ipsum dolor sit amet</dt>
                    <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
                    <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
                </dl>
            </dd>
            <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
        </dl>
    </dd>
    <dt>Lorem ipsum dolor sit amet</dt>
    <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
    <dt>Lorem ipsum dolor sit amet</dt>
    <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
    <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
    <dt>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aspernatur fugit ad magni distinctio voluptatibus id repudiandae vitae ipsa porro impedit.</dt>
    <dt>Lorem ipsum dolor sit amet</dt>
    <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>


        <dl>
    <dt>Lorem ipsum dolor sit amet</dt>
    <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
    <dt>Lorem ipsum dolor sit amet</dt>
    <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
    <dd>
        <dl>
            <dt>Lorem ipsum dolor sit amet</dt>
            <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
            <dt>Lorem ipsum dolor sit amet</dt>
            <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
            <dd>
                <dl>
                    <dt>Lorem ipsum dolor sit amet</dt>
                    <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
                    <dt>Lorem ipsum dolor sit amet</dt>
                    <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
                    <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
                </dl>
            </dd>
            <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
        </dl>
    </dd>
    <dt>Lorem ipsum dolor sit amet</dt>
    <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
    <dt>Lorem ipsum dolor sit amet</dt>
    <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
    <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>
    <dt>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aspernatur fugit ad magni distinctio voluptatibus id repudiandae vitae ipsa porro impedit.</dt>
    <dt>Lorem ipsum dolor sit amet</dt>
    <dd>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, aut alias. Laborum architecto odit voluptatem illum saepe aspernatur sed.</dd>


        
            
            /* No context defined. */