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",
    },
  });
});