dxw style

Blockquote 

<div class="grid-container">
    <div class="column-two-thirds">
        <blockquote>
            <p>Donec id elit non mi porta gravida at eget metus. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nulla vitae elit libero,
                a pharetra augue. Nullam quis risus eget urna mollis ornare vel eu leo.</p>
        </blockquote>
    </div>
</div>
 
<div class="grid-container">
  <div class="column-two-thirds">
    <blockquote>
    <p>Donec id elit non mi porta gravida at eget metus. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nulla vitae elit libero, a pharetra augue. Nullam quis risus eget urna mollis ornare vel eu leo.</p>
    </blockquote>
  </div>
</div>
 
/* No context defined for this component. */
  • Content: 
    blockquote {
  position: relative;
  margin: 1.4em 0;
  border-left: 10px solid $brand-primary;

  @include font-size-map($body-font-size);

  p {
    margin-bottom: 0;
    padding: 0 $gutter * 1;
  }
}
  • URL: /components/raw/blockquote/blockquote.scss
  • Filesystem Path: components/typography/blockquote/blockquote.scss
  • Size: 203 Bytes

There are no notes for this item.