Skip to content

Instantly share code, notes, and snippets.

View magicspon's full-sized avatar
🤘

Dave Stockley magicspon

🤘
View GitHub Profile
@magicspon
magicspon / SassMeister-input-HTML.html
Created March 23, 2015 20:36
Generated by SassMeister.com.
<div class="test"></div>
@magicspon
magicspon / SassMeister-input-HTML.html
Last active August 29, 2015 14:19
Generated by SassMeister.com.
<h1>I'm text yeah</h1>
@magicspon
magicspon / SassMeister-input-HTML.html
Created April 26, 2015 20:48
Box Shadow functions
<div class="test"></div>
@magicspon
magicspon / SassMeister-input-HTML.html
Created May 5, 2015 23:09
Generated by SassMeister.com.
<div class="line"></div>
@magicspon
magicspon / SassMeister-input-HTML.html
Created May 13, 2015 14:54
Generated by SassMeister.com.
<h1>I'm text yeah</h1>
@magicspon
magicspon / viewport.js
Last active October 5, 2016 11:14
viewport chuff
import raf from 'raf';
import Concert from 'concert';
export default class Viewport {
constructor(opts = {}) {
this.window = window;
this.current = this.initialQuery;
const { width, height } = this.getDimensions();
this.width = width;
this.height = height;
@magicspon
magicspon / gulp babel rollup
Last active November 1, 2016 16:15
rollup.js
import gulp from 'gulp'
import rollup from 'rollup-stream'
import babel from 'rollup-plugin-babel'
import eslint from 'rollup-plugin-eslint'
import resolve from 'rollup-plugin-node-resolve'
import commonjs from 'rollup-plugin-commonjs'
import replace from 'rollup-plugin-replace'
import uglify from 'rollup-plugin-uglify'
import config from '../config'
import source from 'vinyl-source-stream'
@magicspon
magicspon / examples.js
Created February 10, 2017 16:35
esbeautify issues
/*
BEFORE
*/
import React, { Component } from 'react'
export const Icon = props => (
<div className={`icon icon--${props.icon}`}>
<svg>
@magicspon
magicspon / rows.js
Last active March 20, 2017 18:05
Vue... split content into rows based on screen width
/*eslint no-unused-vars: ["warn", { "argsIgnorePattern": "h" }]*/
import Vue from 'vue'
import Viewport from '../helpers/viewport'
import axios from 'axios'
import chunk from 'lodash.chunk'
const fetchTeam = () => {
const response = response || axios.get('/team.json')
return response
const fractal = require('@frctl/fractal').create()
const paths = {
build: PATH_CONFIG.build,
src: PATH_CONFIG.src,
static: PATH_CONFIG.static,
}
const stamp = global.production ? `.${TASK_CONFIG.stamp}` : ''
const mandelbrot = require('@frctl/mandelbrot')({