styleguide.html

---
layout: default
title: Patterns
section: styleguide
---
<div class="holder main-holder">
	<div class="row main-row">
		<div class="main-content">

			<h2 class="section-title">Base Elements</h2>
			<div class="row">
				<div class="grid-8">
					{% include patterns/base.html %}
				</div>
				<div class="grid-4">
					<p><pre class="scss">_base.scss</pre></p>
				</div>
			</div>

			<h2 class="section-title">Buttons</h2>
			<div class="row">
				<div class="grid-8">
					{% include patterns/buttons.html %}
				</div>
				<div class="grid-4">
					<pre class="scss">patterns/_buttons.scss</pre>
				</div>
			</div>

			<h2 class="section-title">Forms</h2>
			<div class="row">
				<div class="grid-8">
					{% include patterns/forms.html %}
				</div>
				<div class="grid-4">
					<pre class="scss">patterns/_forms.scss</pre>
				</div>
			</div>

			<h2 class="section-title">Alerts</h2>
			<div class="row">
				<div class="grid-8">
					{% include patterns/alerts.html %}
				</div>
				<div class="grid-4">
					<pre class="scss">patterns/_alerts.scss</pre>
				</div>
			</div>

			<h2 class="section-title">Pagination</h2>
			<div class="row">
				<div class="grid-8">
					{% include patterns/pagination.html %}
				</div>
				<div class="grid-4">
					<pre class="scss">patterns/_pagination.scss</pre>
				</div>
			</div>

			<h2 class="section-title">Helpers</h2>
			<div class="row">
				<div class="grid-8">
					{% include patterns/helpers.html %}
				</div>
				<div class="grid-4">
					<pre class="scss">patterns/_helpers.scss</pre>
				</div>
			</div>
		</div>
	</div>
</div>