yuan-elements/src/styling/ComponentStyle.js

This package consists of React Native components that will be used by the Yuan app in its development.

import { ColorScheme } from "./ColorScheme";
import { DefaultStyles } from "./DefaultStyles";

export const ComponentStyle = {
  wrapper: {
    margin: 20
    // backgroundColor: 'grey'
  },
  title: {
    fontSize: 45,
    color: ColorScheme.titleColor,
    fontWeight: "700",
    // margin: 20,
    fontFamily: DefaultStyles.fontFamily
  },
  subHeading: {
    fontSize: 35,
    color: ColorScheme.titleColor,
    fontWeight: "700",
    // margin: 20,
    fontFamily: DefaultStyles.fontFamily
  },
  subTitle: {
    fontSize: 20,
    color: ColorScheme.titleColor,
    fontWeight: "700",
    margin: 10,
    alignSelf: "center",
    fontFamily: DefaultStyles.fontFamily
  },
  heading: {
    fontSize: 18,
    color: ColorScheme.fontColor,
    fontWeight: "400",
    marginRight: 20,
    marginBottom: 20,
    fontFamily: DefaultStyles.fontFamily
  },
  textStyle: {
    fontSize: 15,
    color: ColorScheme.secondaryFontColor,
    fontWeight: "600",
    fontFamily: DefaultStyles.fontFamily
  },
  label: {
    fontSize: 15,
    color: "#333",
    fontFamily: DefaultStyles.fontFamily
  },
  description: {
    fontSize: 15,
    marginBottom: 10,
    fontFamily: DefaultStyles.fontFamily
  },
  imgBackgroundText: {
    fontSize: 18,
    fontWeight: "800",
    color: ColorScheme.background,
    fontFamily: DefaultStyles.fontFamily
  }
};