Skip to content

Instantly share code, notes, and snippets.

View eldh's full-sized avatar

Andreas Eldh eldh

View GitHub Profile
@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 / 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
@eldh
eldh / grid.coffee
Created April 24, 2015 12:16
Grid overlay
Style = require '../styles/generated/props'
module.exports = React.createClass
displayName: 'grid'
propTypes:
className: React.PropTypes.string
getInitialState: ->
@eldh
eldh / LazyRender.coffee
Last active August 29, 2015 14:23
Lazy render react component
module.exports = React.createClass
displayName: 'LazyRender'
getInitialState: -> props: @props
componentWillReceiveProps: (newProps) -> setTimeout (=> @setState newProps), 10
shouldComponentUpdate: (newProps, newState) -> @state isnt newState