react-native-essence/Styles/typography.js

React Native Essence Components

"use strict";

var styles = {
  "header": {
    marginTop: 4,
    marginBottom: 4,
    lineHeight: 1.1,
  },
  "header-1": {
    fontSize: 34,
  },
  "header-2": {
    fontSize: 24,
  },
  "header-3": {
    fontSize: 20,
  },
  "header-4": {
    fontSize: 15,
  },
  "header-5": {
    fontSize: 14,
  },
  "header-6": {
    fontSize: 12,
  },
  "e-text-left": {
    textAlign: "left",
  },
  "e-text-right": {
    textAlign: "right",
  },
  "e-text-center": {
    textAlign: "center",
  },
  "em": {
    fontStyle: "italic",
  },
  "strong": {
    fontWeight: "bold",
  },
  "e-display-4": {
    fontSize: 112,
    color: "#757575",
    lineHeight: 168,
  },
  "e-display-3": {
    fontSize: 56,
    color: "#757575",
  },
  "e-display-2": {
    fontSize: 45,
    lineHeight: 64,
    color: "#757575",
  },
  "e-display-1": {
    fontSize: 34,
    lineHeight: 53.3,
    color: "#757575",
  },
  "e-headline": {
    fontSize: 24,
    lineHeight: 42,
    color: "#212121",
  },
  "e-title": {
    fontSize: 20,
    color: "#212121",
  },
  "e-subhead": {
    fontSize: 15,
    lineHeight: 37,
    color: "#212121",
  },
  "e-body2": {
    lineHeight: 22,
  },
  "e-body1": {
    lineHeight: 26,
  },
  "e-caption": {
    fontSize: 12,
    color: "#757575",
  },
};

module.exports = styles;