Thomasorus Design System

Definition List 

<dl>
    <dt>Term</dt>
    <dd>Definition</dd>
    <dt><a href="#">Term as link</a></dt>
    <dd>Definition</dd>
</dl>
 
<dl>
    <dt>Term</dt>
    <dd>Definition</dd>
     <dt><a href="#">Term as link</a></dt>
    <dd>Definition</dd>
</dl>
 
/* No context defined. */
  • Content: 
    dl {
    background-color: var(--background-dark);
    border-left: 5px solid black;
    border-left: 5px solid var(--border);
    padding: 25px;
    padding: var(--margin-s);
}

dt {
    font-weight: bold;
}

dd {
    padding-left: 25px;
    padding-left: var(--margin-s);
}

dl > dt + dd {
    margin-bottom: 12.5px;
    margin-bottom: calc(var(--margin-s) / 2);
}
  • URL: /components/raw/definition-list/definition-list.demo.css
  • Filesystem Path: src/components/inline-elements/definition-list/definition-list.demo.css
  • Size: 366 Bytes
  • Handle: @definition-list
  • Preview:
  • Filesystem Path: src/components/inline-elements/definition-list/definition-list.hbs

No notes defined.