tailwind.config.cjs

/** @type {import('tailwindcss').Config} */
const { Icons } = require("tailwindcss-plugin-icons");
const plugin = require('tailwindcss/plugin')
module.exports = {
  content: ["./templates/**/*.html", "./src/main.ts"],
  darkMode: "class",
  theme: {
    extend: {
      lineClamp: {
        7: "7",
        8: "8",
      },
      typography: {
        DEFAULT: {
          css: {
            h1 : {
              marginTop: '0.25em !important',
              marginBottom: '0.25em !important',
            },
            h2 : {
              marginTop: '0.25em !important',
              marginBottom: '0.25em !important',
            },
            h3 : {
              marginTop: '0.25em !important',
              marginBottom: '0.25em !important',
            },
            h4 : {
              marginTop: '0.25em !important',
              marginBottom: '0.25em !important',
            },
            ul : {
              marginTop: '0.25em !important',
              marginBottom: '0.25em !important',
            },
            li : {
              marginTop: '0.25em !important',
              marginBottom: '0.25em !important',
            },
            dl : {
              marginTop: '0.25em !important',
              marginBottom: '0.25em !important',
            },
            p : {
              marginTop: '0.25em !important',
              marginBottom: '0.25em !important',
            },
            img : {
              marginTop: '0.5em !important',
              marginBottom: '0.5em !important',
            },
            dd : {
              marginTop: '0.25em !important',
              marginBottom: '0.25em !important',
            },
            ol : {
              marginTop: '0.25em !important',
              marginBottom: '0.25em !important',
            },
            pre : {
              marginTop: '0.25em !important',
              marginBottom: '0.25em !important',
            },
            hr : {
              marginTop: '1.25em !important',
              marginBottom: '1.25em !important',
            },
          },
        },
      },
    },
    container: {
      padding: {
        DEFAULT: "1rem",
        sm: "2rem",
        lg: "4rem",
        xl: "5rem",
        "2xl": "6rem",
      },
    },
  },
  plugins: [
    require("@tailwindcss/aspect-ratio"),
    require("@tailwindcss/typography"),
    require("@tailwindcss/line-clamp"),
    Icons(() => ({
      gg: {
        includeAll: true,
      },
      tabler: {
        includeAll: true,
      },
      simpleIcons: {
        includeAll: true,
      },
      bx: {
        includeAll: true,
      },
    })),
  ],
  safelist: [
    "i-gg-sun",
    "i-gg-moon",
    "i-tabler-mail",
    "i-simple-icons-wechat",
    "i-simple-icons-tencentqq",
    "i-simple-icons-sinaweibo",
    "i-simple-icons-zhihu",
    "i-simple-icons-douban",
    "i-simple-icons-bilibili",
    "i-simple-icons-tiktok",
    "i-simple-icons-telegram",
    "i-simple-icons-facebook",
    "i-simple-icons-instagram",
    "i-simple-icons-linkedin",
    "i-simple-icons-twitter",
    "i-simple-icons-slack",
    "i-simple-icons-discord",
    "i-simple-icons-youtube",
    "i-simple-icons-steam",
    "i-simple-icons-github",
    "i-simple-icons-gitlab",
  ],
};