dxw style

Definition List 

<div class="grid-container">
    <div class="column-two-thirds">
        <dl>
            <dt>Your VAT registration number</dt>
            <dd>You won’t have one of these if you’re a sole trader</dd>
            <dt>Invoice date (or tax point, if different)</dt>
            <dd>More information from GOV.UK on tax points</dd>
            <dt>Customer name and address</dt>
            <dd>You may need to invoice someone different from your usual contact - check who it needs to be sent to</dd>
            <dt>Delivery address</dt>
            <dd>If this is different from the customer’s address</dd>
        </dl>
    </div>
</div>
 
<div class="grid-container">
  <div class="column-two-thirds">
    <dl>
    <dt>Your VAT registration number</dt>
    <dd>You won’t have one of these if you’re a sole trader</dd>
    <dt>Invoice date (or tax point, if different)</dt>
    <dd>More information from GOV.UK on tax points</dd>
    <dt>Customer name and address</dt>
    <dd>You may need to invoice someone different from your usual contact - check who it needs to be sent to</dd>
    <dt>Delivery address</dt>
    <dd>If this is different from the customer’s address</dd>
    </dl>
  </div>
</div>
 
/* No context defined for this component. */
  • Content: 
    dl {
  margin-bottom: $gutter;
  dt {
    font-weight: bold;
  }
  dd {
    margin-left: $gutter;
    padding: 0 0 $medium-spacing 0;
  }
}
  • URL: /components/raw/definition-list/definition-list.scss
  • Filesystem Path: components/typography/definition-list/definition-list.scss
  • Size: 140 Bytes
  • Handle: @definition-list
  • Preview:
  • Filesystem Path: components/typography/definition-list/definition-list.nunj

There are no notes for this item.