amboy00

<div class="row">
  <div class="large-6 medium-4 small-12 columns"></div>
  <div class="large-3 medium-4 small-12 columns"></div>
  <div class="large-3 medium-4 small-12 columns"></div>
</div>

amboy00

<div class="row">
  <div class="large-9 large-push-3 medium-8 medium-push-4 small-12 columns"></div>
  <div class="large-3 large-pull-9 medium-4 medium-pull-8 small-12 columns"></div>
</div>

amboy00

@mixin main-font($type, $style) {
  font-family: 'Verlag A', 'Verlag B', sans-serif; 
  
  @if( $type == "light") {
    font-weight: 300; 
  } @else {
    font-weight: 700;
  }

  @if( $style == 'normal' ) {

amboy00

WebKit retina CSS bug

Webkit has a bug that makes elements blurry when inside a parent that uses -webkit-filter: yadda yadda yadda;. The work around is to set the child elements to -webkit-backface-visibility: hidden;.

A Pen by Chris Williams on CodePen.

License.

amboy00

<div class="row">
  <div class="large-1 medium-1 small-1 columns"></div>
  <div class="large-10 large-offset-1 medium-10 medium-offset-1 small-10 small-offset-1 columns"></div>
</div>
<div class="row">
  <div class="large-1 medium-1 small-1 columns"></div>
  <div class="large-9 large-offset-2 medium-9 medium-offset-2 small-9 small-offset-2 columns"></div>
</div>
<div class="row">
  <div class="large-1 medium-1 small-1 columns"></div>

amboy00

<div class="row">
  <div class="large-11 large-uncentered medium-3 medium-centered small-6 small-centered columns"></div>
</div>

amboy00

<ul class="large-block-grid-4 small-block-grid-3">
  <li><img src="images/1.png"></li>
  <li><img src="images/2.png"></li>
  <li><img src="images/3.png"></li>
  <li><img src="images/4.png"></li>
  <li><img src="images/5.png"></li>
  <li><img src="images/6.png"></li>
  <li><img src="images/7.png"></li>
  <li><img src="images/8.png"></li>
  <li><img src="images/9.png"></li>

amboy00

<div class="large-padding-6-8 medium-padding-3-5 small-padding-2-3"></div>

amboy00

var log = function(obj) {
  if (typeof window.console === 'object' && typeof window.console.log === 'function') {
		window.console.log(obj);
	}
}

amboy00

$(document).ready(function(){

    // Disable page scrolling
    $("html").css({'overflow': 'hidden'});

    // Block arrow keys scrolling
    document.onkeydown = function(e) {
        if (!e) e = window.event;
        if(e){ // IE8 and earlier
            if(e.keyCode){