dxw style

Body Copy 

<div class="grid-container">
    <div class="column-two-thirds">
        <p class="lede">A lead paragraph, maecenas sed diam eget risus varius blandit sit amet non magna.</p>

        <p>A regular paragraph, <strong>with a strong section</strong> maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.</p>

        <p class="small">A small paragraph, maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.</p>
    </div>
</div>
 
<div class="grid-container">
  <div class="column-two-thirds">
    <p class="lede">A lead paragraph, maecenas sed diam eget risus varius blandit sit amet non magna.</p>

    <p>A regular paragraph, <strong>with a strong section</strong> maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.</p>

    <p class="small">A small paragraph, maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.</p>
  </div>
</div>
 
/* No context defined for this component. */
  • Content: 
    p.lede {
  @include font-size-map($h4-font-size);
}

small, .small {
  @include font-size-map($small-font-size);
}

strong {
  font-family: $base-font;
  font-weight: bold;
}
  • URL: /components/raw/body-copy/body-copy.scss
  • Filesystem Path: components/typography/body-copy/body-copy.scss
  • Size: 175 Bytes

There are no notes for this item.