RyanRoberts

<div class="thing"></div>
<div class="thing thing--saturate"></div>
<div class="thing thing--scale-saturation"></div>

RyanRoberts

        <p class="gradient-test">Donec ullamcorper nulla non metus auctor frinitemlla. Sed posuere consect etur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vestibulum id ligula porta felis euismod semper.</p>

RyanRoberts

        <p class="gradient-test">Donec ullamcorper nulla non metus auctor frinitemlla. Sed posuere consect etur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vestibulum id ligula porta felis euismod semper.</p>

RyanRoberts

<div class="header">
  <h1 class="title title--primary">A website</h1>
  <p class="subtitle">Aenean lacinia bibendum nulla sed.</p>
</div>

<div class="contentBody">
  <div class="intro">
    <h2 class="title">The content</h2>
    <p>Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue. Sed posuere consectetur est at lobortis. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum.</p>
  </div>

RyanRoberts

ignore yhis

RyanRoberts

  <div id="parallax">
    <h1>Simple EM Parallax Technique</h1>
    <img src="http://i.imgur.com/8aIVB69.jpg" alt id="candles">
    <img src="http://i.imgur.com/x4L1Edm.jpg" alt id="cherry">
    <img src="http://i.imgur.com/ptnxBdo.jpg" alt id="pagoda">
  </div>

<p>Aenean lacinia bibendum nulla sed consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mattis consectetur purus sit amet fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed odio dui.</p>

<p>Sed posuere consectetur est at lobortis. Donec id elit non mi porta gravida at eget metus. Cras mattis consectetur purus sit amet fermentum. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>

RyanRoberts

// ----
// Sass (v3.3.0)
// Compass (v1.0.0.alpha.18)
// ----

$profile_themes: ( 
  basic: (
    title: (
      color: blue,
      font-family: Arial

RyanRoberts

// ----
// Sass (v3.3.5)
// Compass (v1.0.0.alpha.18)
// ----

$colors: (darkGrey #1e252b, lightBlue #00a7ce, darkBlue #0033a0)

@each $name, $color in $colors
  .#{$name}
    color: $color

RyanRoberts

<div class="p-icon--email btn">Test</div>
<div class="btn p-icon--email">Test</div>

RyanRoberts

// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----

// REM
//
// Modified version of Bitmanic's rem mixin
// See: https://github.com/bitmanic/rem
// —————————————————————————————————————————————————————————————————————————————