jamesslock

var React = require('react'),
	Classable = require('../mixins/classable.jsx');

var Button = React.createClass({

	mixins: [Classable],

	buildAriaLabel: function() {
		return "" + this.props.ariaLabel;
	},

jamesslock

// Buttons
$btn-font-weight:               normal;

$btn-font-size:					14px;
$btn-large-font-size:			18px;

$btn-base-color:              	white;
$btn-base-bg:                 	$brand-tertiary;

$btn-primary-color:             white;

jamesslock

.posts__post {

  @include media(min-width 520px, 6) {
    @include span-columns(3);
  }

  @include media(min-width 520px max-width 767px, 6) {
    @include omega(2);

    &:nth-child(3) {

jamesslock

.section-header {
  position: relative;
  margin-bottom: $padding-base-vertical;
  @extend %clearfix;

  &:before {
    content: '';
    z-index: 10;
    position: absolute;

jamesslock

If you run a sustainable slow-carb food truck, here’s how we fit in

Bushwick literally narwhal four loko, Marfa actually brunch post-ironic meggings cornhole. Banh mi pug dreamcatcher, forage Truffaut Tonx distillery quinoa bicycle rights vegan mustache asymmetrical viral disrupt. Gentrify raw denim aesthetic, mlkshk keffiyeh lo-fi mixtape keytar XOXO Blue Bottle before they sold out.

Brooklyn Schlitz pour-over tote bag

Truffaut seitan craft beer mumblecore ennui. Fanny pack Williamsburg jean shorts bitters forage gentrify. Biodiesel Intelligentsia chia, Tumblr locavore kale chips stumptown blog meh. Gluten-free umami kogi, fashion axe jean shorts chambray mustache chillwave roof party pop-up put a bird on it ugh.

jamesslock

-# Data Setup -----------------------------------------------------------------

- default_title = "Simple as Milk"
- default_description = "It's data that makes a beautiful experience and it's personality that makes that experience human. You guessed it; we design and build user experiences."

- @title = yield_content(:title).presence || current_page.data.title || default_title
- @description = (yield_content(:meta_description).presence || current_page.data.description || default_description)

- @author = {}
- if current_article.present?

jamesslock

// Fluid Squares
// -------------------------------------------------------
@mixin box($box-size: 3rem, $fluid: false) {
  display: inline-block;
  position: relative;
  width: rems-as-pixels($box-size);
  width: $box-size;
  text-align: center;
  @if($fluid) {
    height: 0;

jamesslock

// Fluid Squares
// -------------------------------------------------------
@mixin box($box-size: 3rem, $fluid: false) {
  display: inline-block;
  position: relative;
  width: rems-as-pixels($box-size);
  width: $box-size;
  text-align: center;
  @if($fluid) {
    height: 0;

jamesslock

.nav--diamonds {
	margin: 2rem 0;
	li .btn {
		margin: 2rem 2rem;
	}
  @include mq(349, false, max) {
  	width: 300px;
		li:nth-child(n+4) .btn {
    	margin: -2.5rem 2rem 2rem 2rem;
  	}

jamesslock

/ Fluid Squares
// -------------------------------------------------------
@mixin box($box-size: 4rem, $fluid: false) {
  display: inline-block;
  position: relative;
  width: $box-size;
  text-align: center;
  @if($fluid) {
    height: 0;
    padding-bottom: $box-size;