JonathanZWhite

import React, { PropTypes } from 'react';
import { StyleSheet, css } from 'aphrodite/no-important';
import { tagMapping, fontSize, fontWeight, lineHeight } from '../styles/base/typography';

JonathanZWhite

...

const gradient = 'linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)';

const styles = StyleSheet.create({
  button: {
    background: gradient,
    borderRadius: '3px',
    border: 0,
    color: 'white',

JonathanZWhite

...

function Button(props) {
  return (
    <input
      type="button"
      className={css(styles.button)}
      value={props.text}
    />
  );

JonathanZWhite

import React, { PropTypes } from 'react';
import { StyleSheet, css } from 'aphrodite';

function Button(props) {
  return (
    <input
      className={css(styles.button)}
      value={props.text}
    />
  );

JonathanZWhite

export const styles = StyleSheet.create({
  displayLarge: {
    fontSize: fontSize.displayLarge,
    fontWeight: fontWeight.bold,
    lineHeight: lineHeight.displayLarge,
  },
  
  ...
});

JonathanZWhite

...
export const tagMapping = {
  h1: 'displayLarge',
  h2: 'displayMedium',
  h3: 'displaySmall',
  h4: 'heading',
  h5: 'subheading',
};

JonathanZWhite

import React, { PropTypes } from 'react';
import { StyleSheet, css } from 'aphrodite/no-important';
import { tagMapping, fontSize, fontWeight, lineHeight } from '../styles/base/typography';

function Heading(props) {
  const { children, tag: Tag } = props;
  return <Tag className={css(styles[tagMapping[Tag]])}>{children}</Tag>;
}

export default Heading;

JonathanZWhite

export const fontSize = {
  // heading
  displayLarge: '32px',
  displayMedium: '26px',
  displaySmall: '20px',
  heading: '18px',
  subheading: '16px',

  // body
  body: '17px',

JonathanZWhite

var express = require('express');
var path = require('path');
var bodyParser = require('body-parser');

var subscribe = require('./subscribe');

var app = new express();
var port = 8000;

// middleware

JonathanZWhite

var nodemailer = require('nodemailer');

const subscribe = {
  send: function(name, service) {
    const transporter = nodemailer.createTransport({
      service: 'Gmail',
      auth: {
        user: 'your gmail username',
        pass: 'your gmail password'
      },