Tailwind CSS - 自訂 addBase 套件

修改基底樣式 addBase

專案會使用到很多的標題樣式，在不同的頁面都會出現，那我就可以訂一個套件專門給標題使用。
此時就可以使用修改基底樣式的函式 addBase() 做修改，參照起手式的方式，我給三個標題不同的字體大小。

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

module.exports = {
  purge: {
    enabled: true,
    content: ["./*.html"],
  },
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {},
  },
  variants: {
    extend: {},
  },
  plugins: [
    plugin(function ({ addBase, theme }) {
      addBase({
        h1: { fontSize: theme("fontSize.2xl") },
        h2: { fontSize: theme("fontSize.xl") },
        h3: { fontSize: theme("fontSize.lg") },
      });
    }),
  ],
};