Web Docs

Paragraphs 

<!-- Default -->
<p>Paragraphs follow the main body text style of 18px/30px, with 12px spacing between them. Color is #222 (which has an AAA contrast rating against a white background).</p>


<!-- Lead -->
<p class="lead">A lead paragraph may be the first paragraph in an article, or a summary of what&#x27;s to come. It stands out visually from other text.</p>


<!-- Default -->
<p>{{ text }}</p>

<!-- Lead -->
<p class="lead">{{ text }}</p>
  • Content: 
    @import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i')

p.lead
	font-family: $font-heading
	font-size: $fontSize24
	margin: $spacing4 0
	color: #333
	line-height: 1.4

// .reading
// 	&, p, ul, ol, dl
// 		font-family: 'Libre Baskerville', serif
// 		font-size: 1.0625rem
  • URL: /components/raw/paragraph/paragraph.sass
  • Filesystem Path: src/components/0-foundation/paragraph/paragraph.sass
  • Size: 299 Bytes 
/* Default */
{
  "text": "Paragraphs follow the main body text style of 18px/30px, with 12px spacing between them. Color is #222 (which has an AAA contrast rating against a white background)."
}


/* Lead */
{
  "text": "A lead paragraph may be the first paragraph in an article, or a summary of what's to come. It stands out visually from other text."
}