<!--
Add your text settings here. Each text element has the code breakdown listed. To edit the presentation examples, refer to the typography.scss file and _variables.scss to edit. 
-->
<section class="text">
	<h4 class="admin-h4">Text</h4>
	<div class="pattern">
		<details>
			<summary>abbr</summary>
			<code class="pattern-markup  language-markup"><span class="token tag"><span class="token punctuation">&lt;</span>p<span class="token punctuation">&gt;</span>The<span class="token tag"><span class="token punctuation">&lt;</span>abbr title="World Wide Web Consortium"<span class="token punctuation">&gt;</span></span>W3C<span class="token tag"><span class="token punctuation">&lt;/</span>abbr</span><span class="token punctuation">&gt;</span></span> is an international community that develops open<br/> standards to ensure the long-term growth of the Web.<span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span></code>
		</details>
		<div class="pattern-preview">
			<p>The <abbr title="World Wide Web Consortium">W3C</abbr> is an international community that develops open standards to ensure the long-term growth of the Web.</p>
		</div>
	</div>
	
	<div class="pattern">
		<details>
			<summary>address</summary>
			<code class="pattern-markup  language-markup"><span class="token tag"><span class="token punctuation">&lt;</span>address<span class="token punctuation">&gt;</span></span>For more details, please contact <span class="token tag"><span class="token punctuation">&lt;</span>a href="mailto:chris@chrisdasie.com"</span><span class="token punctuation">&gt;</span>Chris Da Sie</span><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token punctuation">&lt;/</span>address</span><span class="token punctuation">&gt;</span></span></code>
		</details>
		<div class="pattern-preview">
			<address>For more details, please contact <a href="mailto:chrisdasie.com">Chris Da Sie</a></address>
		</div>
	</div>	
	
	<div class="pattern">
		<details>
			<summary>blockquote</summary>
			<code class="pattern-markup  language-markup"><span class="token tag"><span class="token punctuation">&lt;</span>blockquote</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">&gt;</span></span>Details matter, it’s worth waiting to get it right.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>blockquote</span><span class="token punctuation">&gt;</span></span></code>
		</details>
		<div class="pattern-preview">
			<blockquote>
				<p>Details matter, it’s worth waiting to get it right.</p>
			</blockquote>
		</div>
	</div>
	
	<div class="pattern">
		<details>
			<summary>cite</summary>
			<code class="pattern-markup  language-markup"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>cite</span><span class="token punctuation">&gt;</span></span>Globe &amp; Mail<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>cite</span><span class="token punctuation">&gt;</span>, Feb 12, 2014</span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span></code>
		</details>
		<div class="pattern-preview">
			<p>
				<cite>Globe &amp; Mail</cite>, Feb 12, 2014
			</p>
		</div>
	</div>
	
	<div class="pattern">
		<details>
			<summary>del</summary>
			<code class="pattern-markup  language-markup"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">&gt;</span></span>I currently work at <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>del</span><span class="token punctuation">&gt;</span></span>The Idea Factory<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>del</span><span class="token punctuation">&gt;</span> Chris Da Sie Designs</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span></code>
		</details>
		<div class="pattern-preview">
			<p>
				I currently work at <del>The Idea Factory</del> Chris Da Sie Designs.
			</p>
		</div>
	</div>
	
	<div class="pattern">
		<details>
			<summary>em</summary>
			<code class="pattern-markup  language-markup"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">&gt;</span></span>The <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>em</span><span class="token punctuation">&gt;</span></span>additional<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>em</span><span class="token punctuation">&gt;</span> semantics give us some preset ways of marking up content.</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span></code>
		</details>
		<div class="pattern-preview">
			<p>
				The <em>additional</em> semantics give us some preset ways of marking up content.
			</p>
		</div>
	</div>
	
	<div class="pattern">
		<details>
			<summary>b</summary>
			<code class="pattern-markup  language-markup"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">&gt;</span></span>The <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>b</span><span class="token punctuation">&gt;</span></span>additional<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>b</span><span class="token punctuation">&gt;</span> semantics give us some preset ways of marking up content.</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span></code>
		</details>
		<div class="pattern-preview">
			<p>
				The <b>additional</b> semantics give us some preset ways of marking up content.
			</p>
		</div>
	</div>
	
	<div class="pattern">
		<details>
			<summary>strong</summary>
			<code class="pattern-markup  language-markup"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">&gt;</span></span>The <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>strong</span><span class="token punctuation">&gt;</span></span>additional<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>strong</span><span class="token punctuation">&gt;</span> semantics give us some preset ways of marking up content.</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span></code>
		</details>
		<div class="pattern-preview">
			<p>
				The <strong>additional</strong> semantics give us some preset ways of marking up content.
			</p>
		</div>
	</div>
	
	
	<div class="pattern">
		<details>
			<summary>small</summary>
			<code class="pattern-markup  language-markup"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>small</span><span class="token punctuation">&gt;</span></span>&copy; 2014 - Patterns Portfolio is an open sourced framework.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>small</span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span></code>
		</details>
		<div class="pattern-preview">
			<p>
				<small>&copy; 2014 - Patterns Portfolio is an open sourced framework.</small>
			</p>
		</div>
	</div>
	
	<div class="pattern">
		<details>
			<summary>hr</summary>
			<code class="pattern-markup  language-markup"><span class="token tag"><span class="token punctuation">&lt;</span>hr</span><span class="token punctuation">/&gt;</span></span></code>
		</details>
		<div class="pattern-preview">
			<hr />
		</div>
	</div>
	
	<div class="pattern">
		<details>
			<summary>time</summary>
			<code class="pattern-markup  language-markup"><span class="token tag"><span class="token punctuation">&lt;</span>time date="2014-11-13 09:00-05:00"</span><span class="token punctuation">&gt;</span></span>November 13th, 2014<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>time</span><span class="token punctuation">&gt;</span></span></code>
		</details>
		<div class="pattern-preview">
			<time date="2014-11-13 09:00-05:00">
				November 13th, 2014
			</time>
		</div>
	</div>
	
	<div class="pattern">
		<details>
			<summary>q</summary>
			<code class="pattern-markup  language-markup"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">&gt;</span></span>John said, <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>q</span><span class="token punctuation">&gt;</span></span>I saw Lucy at lunch, and she told me <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>q</span><span class="token punctuation">&gt;</span></span>Mary wants you to get some ice cream on your way home<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>q</span><span class="token punctuation">&gt;</span></span>. I think I will get some at Ben and Jerry’s, on Gloucester Road.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>q</span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span></code>
		</details>
		<div class="pattern-preview">
			<p>
				John said, <q>I saw Lucy at lunch, she told me <q>Mary wants you to get some ice cream on your way home.</q> I think I will get some at Ben and Jerry’s, on Gloucester Road.</q>
			</p>
		</div>
	</div>
	
	<div class="pattern">
		<details>
			<summary>mark</summary>
			<code class="pattern-markup  language-markup"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">&gt;</span></span>I also have some <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mark</span><span class="token punctuation">&gt;</span></span>kittens<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>mark</span><span class="token punctuation">&gt;</span></span> who are visiting me these days. They’re really cute.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span></code>
		</details>
		<div class="pattern-preview">
			<p>
				I also have some <mark>kittens</mark> who are visiting me these days. They’re really cute. I think they like my garden! Maybe I should adopt a <mark>kitten</mark>.
			</p>
		</div>
	</div>
	
</section>