This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import styled from 'react-emotion' | |
import { rescss } from 'rescss' | |
const mq = resprops([ | |
'@media(min-width: 420px)', | |
'@media(min-width: 920px)', | |
'@media(min-width: 1120px)' | |
]) | |
const Text = styled('div')` |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React from 'react' | |
import pose from 'react-pose' | |
const AnimatedDiv = pose('div')({ | |
opened: { scale: 1 }, | |
closed: { scale: 2 }, | |
}) | |
export const MyComponent = ({ opened }) => ( | |
<AnimatedDiv state="opened"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{"lastUpload":"2017-10-26T19:31:38.634Z","extensionVersion":"v2.8.3"} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { | |
FuseBox, | |
BabelPlugin, | |
QuantumPlugin, | |
WebIndexPlugin, | |
TypeScriptHelpers, | |
Sparky, | |
} from 'fuse-box' | |
import * as path from 'path' |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { injectGlobal, css } from 'emotion' | |
import { lighten } from 'polished' | |
import * as colors from './colors' | |
import { looks, base, fontWeights } from './theme' | |
const Lato = 'Lato:100,300,400,700,900' | |
const Mukta = 'Mukta:200,300,400,500,600,700,800' | |
const Raleway = 'Raleway:100,200,300,400,500,600,700,800,900' |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const isFn = (val: any): boolean => typeof val === "function" | |
const isUndef = (val: any): boolean => typeof val === "undefined" | |
interface PipeFn { | |
(arg: any): (fn: (arg: any): any) => PipeFn | any | |
} | |
const pipe = (arg: any) => (fn: (arg: any): any) => | |
isFn(fn) || !isUndef(fn) ? pipe(fn(arg)) : arg |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { List, fromJS } from 'immutable'; | |
import { createSelector } from 'reselect'; | |
import { createAction, handleActions } from 'redux-actions'; | |
import { takeLatest, takeEvery, take, fork, put, select } from 'redux-saga/effects'; | |
import * as todos from 'ducks/entities/todos'; | |
/** | |
* Constants | |
**/ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { combineReducers } from 'redux'; | |
// Define the context to search files | |
const CONTEXT = require.context('./', true, /\.\/(.*)\/index.js?$/i); | |
// Populate a object with the reducer | |
const importReducer = (req) => (obj, path) => { | |
const [, componentName] = path.match(/\.\/(.*)\/index.js?$/i); | |
const reducer = { | |
[componentName]: req(path).default |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const filterResursive = (arr, fn, index = 0, result = []) => { | |
fn(arr[index], index) && result.push(arr[index]); | |
return index < arr.length ? filterResursive(arr, fn, index += 1, result) : result; | |
}; | |
const filter = (arr, fn) => filterResursive(arr, fn); | |
module.exports = filter; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { css } from 'css-tm'; | |
const yellow = '#FC0'; | |
const button = css` | |
background: ${yellow}; | |
`; | |
const title = (size) => css` | |
font-size: ${size}px; |