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

module.exports = plugin(function ({ addUtilities }) {
  addUtilities({
    ".bg-gray-blend-50": {
      "@apply bg-gray-transparent-50": {},
      "background-blend-mode": "hard-light",
    },
    ".bg-gray-blend-100": {
      "@apply bg-gray-transparent-100": {},
      "background-blend-mode": "hard-light",
    },
    ".bg-gray-blend-200": {
      "@apply bg-gray-transparent-200": {},
      "background-blend-mode": "hard-light",
    },
    ".border-gray-blend-50": {
      "@apply border-gray-transparent-50": {},
      "background-blend-mode": "hard-light",
    },
    ".border-gray-blend-100": {
      "@apply border-gray-transparent-100": {},
      "background-blend-mode": "hard-light",
    },
    ".border-gray-blend-200": {
      "@apply border-gray-transparent-200": {},
      "background-blend-mode": "hard-light",
    },
  });
});