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

module.exports = plugin(function ({ addUtilities }) {
  addUtilities({
    ".pl-app": {
      "@apply pl-3 sm:pl-6 md:pl-8 lg:pl-10 xl:pl-11": {},
    },
    ".pr-app": {
      "@apply pr-3 sm:pr-6 md:pr-8 lg:pr-10 xl:pr-11": {},
    },
    ".px-app": {
      "@apply pl-app pr-app": {},
    },
  });
});