Skip to content

Instantly share code, notes, and snippets.

View compose.js
const ButtonWithPadding = ({ children, ...props }) =>
<button style={{ padding: '15px 10px' }} {...props}>{children}</button>
const ButtonPrimary = ({ children, ...props }) =>
<button style={{ color: 'white', backgroundColor: 'seagreen' }} {...props}>{children}</button>
const ButtonOutline = ({ children, ...props}) =>
<button style={{ backgroundColor: 'transparent', border: '4px solid darkred' }} {...props}>{children}</button>
const ButtonBase = ({ children, ...props }) => <button {...props}>{children}</button>;
View config.fish
set -x LSCOLORS ExFxCxDxBxegedabagacad
set -x LC_CTYPE en_US.UTF-8
set -x EDITOR nvim
set -x VIMRC $HOME/.vimrc
set -x TMUXRC $HOME/.tmux.conf
set -x FISHRC $HOME/.config/fish/config.fish
# $PATH equivalent
set -U fish_user_paths /usr/local/bin
View test.md
Team
Name Role
Andre Carvalho Technology Director
Andy Baudoin Lead Developer
Bethany Pensworth Project Manager
Chris James Lead Developer
Jim Watkins QA Analyst
View parcel-test.js
parcelRequire = (function (init) {
// Save the require from previous bundle to this closure if any
var previousRequire = typeof parcelRequire === 'function' && parcelRequire;
var nodeRequire = typeof require === 'function' && require;
var modules = {};
function localRequire(name, jumped) {
if (name in modules) {
return modules[name];
}
View BaseComponent.js
import React from 'react';
import { StyleSheet, css } from 'aphrodite/no-important';
import helpers from '../theme/helpers';
/**
* Base component that reduces boilerplate and enforces consistency.
* Highly inspired by the work done by the Hyperterm team.
*/
const hoc = Component =>
View Breadcrumb.js
import React from 'react';
import { PureComponent } from './BaseComponent';
import { opacity, space } from '../theme';
const data = [
{
id: 'your-policy',
children: 'Your Policy',
},
{
View file.diff
4,27c4
< "name": "MYGA - 3 Years",
< "brand": "Gainbridge",
< "type": "MYGA",
< "period": 36,
< "term": 3,
< "activation": "2017-01-01T00:00:00-05:00",
< "termination": "2040-12-31T00:00:00-05:00",
< "states": [
< "IL",
View combine.js
const combine = (...args) =>
[].slice.call(args).reduce((next, value) => {
// Create an object with duplicates combined
const duplicates = Object.keys(value)
.filter(key => next.hasOwnProperty(key))
.map(key => {
return {
[key]: Object.assign(value[key], next[key])
};
})
View RESPONSIVE.md

Responsive

Quick guide on how we're approaching responsive style properties in components

Usage

View gray.js
import { get as scale } from '../../utils';
import { Colors } from './colors';
import chroma from 'chroma-js';
const darken = alpha =>
chroma(Colors.BLACK)
.alpha(alpha)
.css();
export const gray = scale({
You can’t perform that action at this time.