@madeja-studio/telar/src/tailwind/tailwind.config.js

UI component library by Madeja Studio

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

module.exports = {
  plugins: [
    plugin(({ addUtilities }) => {
      addUtilities({
        '.body': 'text-body font-normal text-ash dark:text-white',
        '.caption': 'text-caption font-light text-ash dark:text-white',
        '.center': 'items-center justify-center',
        '.fill': 'top-0 right-0 bottom-0 left-0',
        '.h1': 'text-h1 font-black text-ash dark:text-white',
        '.h2': 'text-h2 font-bold text-ash dark:text-white',
        '.h3': 'text-h3 font-bold text-ash dark:text-white',
        '.min-h-press': 'min-h-[44px]',
        '.min-size-press': 'min-h-[44px] min-w-[44px]',
        '.min-w-press': 'min-w-[44px]',
        '.size-press': 'h-[44px] w-[44px]',
      });
    }),
  ],
  theme: {
    fontSize: {
      body: '16px',
      caption: '16px',
      h1: '38px',
      h2: '28px',
      h3: '20px',
    },
  },
};