rafaelrinaldi

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>;

rafaelrinaldi

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

rafaelrinaldi

Team

Name	Role
Andre Carvalho	Technology Director
Andy Baudoin	Lead Developer
Bethany Pensworth	Project Manager
Chris James	Lead Developer
Jim Watkins	QA Analyst

rafaelrinaldi

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];
    }

rafaelrinaldi

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 =>

rafaelrinaldi

import React from 'react';
import { PureComponent } from './BaseComponent';
import { opacity, space } from '../theme';

const data = [
  {
    id: 'your-policy',
    children: 'Your Policy',
  },
  {

rafaelrinaldi

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",

rafaelrinaldi

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])
        };
      })

rafaelrinaldi

Responsive

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

Usage

rafaelrinaldi

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({