@red-hat-developer-hub/backstage-plugin-theme/dist/typography.esm.js

Red Hat Developer Hub Theme

import { redHatFonts } from './fonts.esm.js';

const typography = {
  htmlFontSize: 16,
  fontFamily: redHatFonts.text,
  h1: {
    fontFamily: redHatFonts.heading,
    fontSize: 36,
    fontWeight: 400,
    marginBottom: 10
  },
  h2: {
    fontFamily: redHatFonts.heading,
    fontSize: 28,
    fontWeight: 400,
    marginBottom: 8
  },
  h3: {
    fontFamily: redHatFonts.heading,
    fontSize: 24,
    fontWeight: 400,
    marginBottom: 6
  },
  h4: {
    fontFamily: redHatFonts.heading,
    fontSize: 20,
    fontWeight: 400,
    marginBottom: 6
  },
  h5: {
    fontFamily: redHatFonts.heading,
    fontSize: 18,
    fontWeight: 500,
    marginBottom: 4
  },
  h6: {
    fontFamily: redHatFonts.heading,
    fontSize: 16,
    fontWeight: 500,
    marginBottom: 2
  }
};

export { typography };
//# sourceMappingURL=typography.esm.js.map