twreporter-react-index-page/lib/styles/common-variables.js

twreporter index page version 2

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
var fonts = {
  size: {
    xsmall: '9px',
    small: '12px',
    base: '14px',
    medium: '16px',
    large: '18px',
    xlarge: '20px',
    h1: '28px',
    h2: '20px',
    title: {
      large: '32px',
      medium: '24px',
      base: '20px'
    }
  },
  weight: {
    thin: '100',
    extraLight: '200',
    light: '300',
    normal: '400',
    medium: '500',
    semiBold: '600',
    bold: '700',
    extraBold: '800',
    heavy: '900'
  }
};

var colors = {
  primaryColor: '#c4333e', // red
  textGrey: '#4a4949',
  moreBlue: '#55a1e5',
  lightBlue: '#5eb2fe',
  blue: '#56a2e6',
  sectionWhite: '#ffffff',
  sectionGrey: '#f2f2f2'
};

exports.fonts = fonts;
exports.colors = colors;