NCC Digital Design Guide

Blockquote 

<blockquote>
    <p>A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text, and typically distinguished visually using indentation and a different typeface
        or smaller size quotation.</p>
</blockquote>
 
<blockquote>
	<p>A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text, and typically distinguished visually using indentation and a different typeface or smaller size quotation.</p>
</blockquote>
 
/* No context defined for this component. */
  • Content: 
    blockquote {
  @include rem-fallback(padding-left,$base-font-size);

  border-left-color: $brand-primary;
  border-left-style: solid;
  border-left-width: 3px;
  color: $mid-grey;
  
  p {
    @include rem-fallback(margin-bottom, $base-font-size);
    
    font-size: 115%;
  }
}
  • URL: /components/raw/blockquote/_blockquote.scss
  • Filesystem Path: src/patterns/patterns/blockquote/_blockquote.scss
  • Size: 279 Bytes

Blockquote