tailwind.config.js

module.exports = {
   content: {
     files: ["./app/**/*.elm", "./src/**/*.elm", "./content/index.html"],
      extract: {
         elm: (contenido) => {
            let matchado = contenido.match(/.*"\s*tw\s([a-z0-9-].+?)"/);
            let regresa = matchado ? matchado[1].split(" ") : [];
            if (regresa.length>0) {console.log("elm: " + regresa)};
            return regresa;
         },
        html: (contenido) => {
            let matchado = contenido.match(/class\s?=\s?"(.+?)"/);
            let regresa = matchado ? matchado[1].split(" ") : [];
            // if (regresa.length>0) {console.log("html: " + regresa)};
            return regresa;
        }
      },
   },
   theme: {
      extend: {
         fontFamily: {
            sans: [
               "Fira Sans",
               "system-ui",
               "-apple-system",
               "BlinkMacSystemFont",
               '"Segoe UI"',
               "Roboto",
               '"Helvetica Neue"',
               "Arial",
               '"Noto Sans"',
               "sans-serif",
               '"Apple Color Emoji"',
               '"Segoe UI Emoji"',
               '"Segoe UI Symbol"',
               '"Noto Color Emoji"',
            ],
            serif: ["Roboto Slab", "Georgia", "Cambria", '"Times New Roman"', "Times", "serif"],
         },
      },
   },
   plugins: [
      require("@tailwindcss/typography"),
      require("@tailwindcss/forms"),
      require("@tailwindcss/line-clamp"),
      require("@tailwindcss/aspect-ratio"),
   ],
};