Skip to content

Instantly share code, notes, and snippets.

View eldh's full-sized avatar

Andreas Eldh eldh

View GitHub Profile
@eldh
eldh / Gruntfile.js
Created November 4, 2013 21:20
Gruntfile for jekyll livereload with css/sass injection.
module.exports = function(grunt) {
// load all grunt tasks
pkg: grunt.file.readJSON('package.json'),
// Project configuration.
grunt.initConfig({
copy: {
dist: {
@eldh
eldh / 0_reuse_code.js
Created January 30, 2014 16:38
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@eldh
eldh / hashgrid.scss
Created February 13, 2014 10:50
Scss file that integrates hashgrid with inuit.css
/*
* Grid
*/
@import "vars";
#grid {
/* Dimensions - same width as your grid with gutters */
width: $max-width;
@eldh
eldh / gulpfile.coffee
Created February 26, 2014 17:46
Gulp fontcustom
util = require "gulp-util"
exec = require("child_process").exec
gulp.task "_fontcustom", (fontsDone) ->
exec 'cd ../assets/ && fontcustom compile', (error, stdout, stderr) ->
util.log stdout
logExit error if error
fontsDone()
return
return
@eldh
eldh / velocity-transition.coffee
Last active August 29, 2015 14:05
VelocityTransitionGroup
React = require "react"
Style = require 'utils/style-constants'
_ = require 'lodash'
ReactTransitionGroup = React.addons.TransitionGroup
VelocityTransitionGroupChild = React.createClass
displayName: "VelocityTransitionGroupChild"
@eldh
eldh / icon.coffee
Created November 8, 2014 15:34
React Icon component
React = require 'react/addons'
module.exports = React.createClass
displayName: 'Icon'
propTypes:
className: React.PropTypes.string
icon: React.PropTypes.string.isRequired
render: ->
React.createElement 'span',
dangerouslySetInnerHTML:
@eldh
eldh / Gulpfile.coffee
Last active October 20, 2020 04:30
Gulp webpack setup
gulp = require('gulp')
util = require('gulp-util')
environmentHelper = require('./gulp/environmentHelper')
fileserver = require('./fileserver.coffee')
target = environmentHelper.get('target', 'dist/')
skipWatch = environmentHelper.get('skipWatch', 'false')
fs = require 'fs'
logExit = (error) ->
util.log util.colors.red(error)
@eldh
eldh / gulp-tasks-theo.coffee
Last active August 29, 2015 14:15
Gulp setup for Theo
exports.init = (gulp) ->
theo = require('theo')
props = './styles/properties/props.json'
dest = './styles/generated'
_ = require 'lodash'
gulp.task 'default', ['theo-sass', 'theo-js']
gulp.task 'theo-sass', (done) ->
@eldh
eldh / breakpoint-mixin.coffee
Last active August 29, 2015 14:19
React breakpoints mixin
Style = require '../styles/props'
_ = require 'lodash'
module.exports =
_setScreenWidth: ->
if @isMounted() then @setState {screenWidth: window.innerWidth}
getInitialState: -> screenWidth: window?.innerWidth or 1280
screenWidth: (minName, maxName) ->
@eldh
eldh / InViewWrapper.coffee
Created April 24, 2015 08:30
react-in-view
module.exports = React.createClass
displayName: 'InViewWrapper'
propsTypes:
onInView: React.PropTypes.func.isRequired
inViewOffset: React.PropTypes.number
getDefaultProps: ->
inViewOffset: 0