ISA-Frontend/tailwind-plugins/typography.plugin.js

const plugin = require('tailwindcss/plugin');

module.exports = plugin(function ({ addBase, addUtilities }) {
  addBase({
    '.text-h1': { fontSize: '3.375rem', lineHeight: '4.5rem' },
    '.text-h2': { fontSize: '1.625rem', lineHeight: '2.25rem' },
    '.text-h3': { fontSize: '1.375rem', lineHeight: '1.75rem' },
    '.text-p1': { fontSize: '1.125rem', lineHeight: '1.5rem' },
    '.text-p2': { fontSize: '1rem', lineHeight: '1.313rem' },
    '.text-p3': { fontSize: '0.875rem', lineHeight: '1.188rem' },
    '.text-p4': { fontSize: '0.75rem', lineHeight: '1rem' },
  });

  addUtilities({
    '.isa-text-heading-1-bold': {
      fontFamily: 'Open Sans',
      fontSize: '3.75rem',
      fontStyle: 'normal',
      fontWeight: '700',
      lineHeight: '4.5rem',
      letterSpacing: '0.02813rem',
    },
    '.isa-text-heading-2-bold': {
      fontFamily: 'Open Sans',
      fontSize: '3rem',
      fontStyle: 'normal',
      fontWeight: '700',
      lineHeight: '4rem',
    },
    '.isa-text-heading-3-bold': {
      fontFamily: 'Open Sans',
      fontSize: '2.5rem',
      fontStyle: 'normal',
      fontWeight: '700',
      lineHeight: '3rem',
    },
    '.isa-text-subtitle-1-regular': {
      fontFamily: 'Open Sans',
      fontSize: '1.75rem',
      fontStyle: 'normal',
      fontWeight: '400',
      lineHeight: '2.5rem',
    },
    '.isa-text-subtitle-1-bold': {
      fontFamily: 'Open Sans',
      fontSize: '1.75rem',
      fontStyle: 'normal',
      fontWeight: '700',
      lineHeight: '2.5rem',
    },
    '.isa-text-subtitle-2-bold': {
      fontFamily: 'Open Sans',
      fontSize: '1rem',
      fontStyle: 'normal',
      fontWeight: '700',
      lineHeight: '1.5rem',
      letterSpacing: '0.025rem',
      textTransform: 'uppercase',
    },
    '.isa-text-body-1-bold': {
      fontFamily: 'Open Sans',
      fontSize: '1rem',
      fontStyle: 'normal',
      fontWeight: '700',
      lineHeight: '1.5rem',
    },
    '.isa-text-body-1-bold-big': {
      fontFamily: 'Open Sans',
      fontSize: '1.25rem',
      fontStyle: 'normal',
      fontWeight: '700',
      lineHeight: '1.75rem',
    },
    '.isa-text-body-1-bold-xl': {
      fontFamily: 'Open Sans',
      fontSize: '1.375rem',
      fontStyle: 'normal',
      fontWeight: '700',
      lineHeight: '2.125rem',
    },
    '.isa-text-body-1-semibold': {
      fontFamily: 'Open Sans',
      fontSize: '1rem',
      fontStyle: 'normal',
      fontWeight: '600',
      lineHeight: '1.5rem',
    },
    '.isa-text-body-1-regular': {
      fontFamily: 'Open Sans',
      fontSize: '1rem',
      fontStyle: 'normal',
      fontWeight: '400',
      lineHeight: '1.5rem',
    },
    '.isa-text-body-1-regular-big': {
      fontFamily: 'Open Sans',
      fontSize: '1.25rem',
      fontStyle: 'normal',
      fontWeight: '400',
      lineHeight: '1.75rem',
    },
    '.isa-text-body-1-regular-xl': {
      fontFamily: 'Open Sans',
      fontSize: '1.375rem',
      fontStyle: 'normal',
      fontWeight: '400',
      lineHeight: '2.125rem',
    },
    '.isa-text-body-2-bold': {
      fontFamily: 'Open Sans',
      fontSize: '0.875rem',
      fontStyle: 'normal',
      fontWeight: '700',
      lineHeight: '1.25rem',
    },
    '.isa-text-body-2-bold-big': {
      fontFamily: 'Open Sans',
      fontSize: '1.125rem',
      fontStyle: 'normal',
      fontWeight: '700',
      lineHeight: '1.625rem',
    },
    '.isa-text-body-2-bold-xl': {
      fontFamily: 'Open Sans',
      fontSize: '1.25rem',
      fontStyle: 'normal',
      fontWeight: '700',
      lineHeight: '1.75rem',
    },
    '.isa-text-body-2-semibold': {
      fontFamily: 'Open Sans',
      fontSize: '0.875rem',
      fontStyle: 'normal',
      fontWeight: '600',
      lineHeight: '1.25rem',
    },
    '.isa-text-body-2-regular': {
      fontFamily: 'Open Sans',
      fontSize: '0.875rem',
      fontStyle: 'normal',
      fontWeight: '400',
      lineHeight: '1.25rem',
    },
    '.isa-text-body-2-regular-big': {
      fontFamily: 'Open Sans',
      fontSize: '1.125rem',
      fontStyle: 'normal',
      fontWeight: '400',
      lineHeight: '1.625rem',
    },
    '.isa-text-body-2-regular-xl': {
      fontFamily: 'Open Sans',
      fontSize: '1.125rem',
      fontStyle: 'normal',
      fontWeight: '400',
      lineHeight: '1.75rem',
    },
    '.isa-text-caption-bold': {
      fontFamily: 'Open Sans',
      fontSize: '0.75rem',
      fontStyle: 'normal',
      fontWeight: '700',
      lineHeight: '1rem',
    },
    '.isa-text-caption-bold-big': {
      fontFamily: 'Open Sans',
      fontSize: '0.875rem',
      fontStyle: 'normal',
      fontWeight: '700',
      lineHeight: '1.25rem',
    },
    '.isa-text-caption-bold-xl': {
      fontFamily: 'Open Sans',
      fontSize: '0.875rem',
      fontStyle: 'normal',
      fontWeight: '700',
      lineHeight: '1.25rem',
    },
    '.isa-text-caption-caps': {
      fontFamily: 'Open Sans',
      fontSize: '0.75rem',
      fontStyle: 'normal',
      fontWeight: '700',
      lineHeight: '1rem',
      textTransform: 'uppercase',
    },
    '.isa-text-caption-regular': {
      fontFamily: 'Open Sans',
      fontSize: '0.75rem',
      fontStyle: 'normal',
      fontWeight: '400',
      lineHeight: '1rem',
    },
    '.isa-text-caption-regular-big': {
      fontFamily: 'Open Sans',
      fontSize: '0.875rem',
      fontStyle: 'normal',
      fontWeight: '400',
      lineHeight: '1.25rem',
    },
    '.isa-text-caption-regular-xl': {
      fontFamily: 'Open Sans',
      fontSize: '0.875rem',
      fontStyle: 'normal',
      fontWeight: '400',
      lineHeight: '1.25rem',
    },
  });
});