jodyheavener

    <div class="contact">

      <?php $social_icons = array(
        'bandcamp',
        'behance',
        'delicious',
        'deviantart',
        'digg',
        'dribbble',
        'etsy',

jodyheavener

@mixin keyframes($animation-name) {
  @-webkit-keyframes $animation-name {
    @content;
  }
  @-moz-keyframes $animation-name {
    @content;
  }
  @-ms-keyframes $animation-name {
    @content;
  }

jodyheavener

/* Animation and Transform mixins */
@mixin animation($str) {
  -webkit-animation: #{$str};
  -moz-animation: #{$str};
  -ms-animation: #{$str};
  animation: #{$str};
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
}

jodyheavener

doctype 5

head
  meta charset="utf-8"
  meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"
  meta name="viewport" content="width=device-width"

  title My Dream Cars

  link rel="stylesheet" href="styles/site.css"

jodyheavener

// bling.js
//
// fork of https://gist.github.com/Gwash3189/98922b1078c4327dd0dd
// which is a fork of https://gist.github.com/paulirish/12fb951a8b893a454b32

window.$ = document.querySelectorAll.bind(document)

Node.prototype.on = window.on = function(name, fn) {
  var _this = this;

jodyheavener

# Allows Rails views to output consistent inline SVG code

module SvgHelper
  def svg(named, options={})
    svg_data = svg_defs[named]

    defaults = {
      :verion => "1.1",
      :role => "img",
      :width => svg_data[:width],

jodyheavener

// Use this to access process env vars in a React setup

export function env(key, fallback) {
  return process.env[`REACT_APP_${key}`] || fallback;
}

jodyheavener

Inspired by this issue, with these instructions you should be able to get Babel transpiling your JS in Sails JS for the client side.

1. Install Grunt Babel npm install --save grunt-babel
2. Create a babel.js file under tasks/config and add something like the following:

module.exports = function(grunt) {

    grunt.config.set('babel', {
dev: {

jodyheavener

// Import Ale's fantastic Sketch Sandbox
// https://github.com/bomberstudios/sketch-sandbox
#import 'sketch-sandbox.js'

// Are we on a page or an artboard?
var page = doc.currentPage();
var canvas = page.currentArtboard() ? page.currentArtboard() : page;

// Define the location of the file you want to import, using file:// protocol
var fileURL = NSURL.URLWithString("file:///Users/johndoe/Downloads/my_cat.svg");

jodyheavener

import { Rectangle, Color } from 'scenegraph';

let rectangle = new Rectangle();
rectangle.name = 'Example';
rectangle.width = 100;
rectangle.height = 200;
rectangle.fill = new Color('#2345ac');
rectangle.fillEnabled = true;