tailwind.config.js

mail@pastecode.io avatar
unknown
typescript
a month ago
1.4 kB
3
Indexable
Never
/** @type {import('tailwindcss').Config} */
module.exports = {
  important: '#rv-portal',
  content: ['./src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      fontFamily: {},
      colors: {},
      keyframes: {
        blink: {},
        fadeIn: {
          '0%': { opacity: 0 },
          '100%': { opacity: 1 }
        }
      },
      animation: {
        fadeIn: 'fadeIn 1s ease-in-out'
      }
    }
  },
  plugins: [
    function ({ addUtilities }) {
      const newUtilities = {
        '.no-spinner': {
          /* Ẩn nút điều hướng trên trình duyệt WebKit (Chrome, Safari) */
          '&::-webkit-outer-spin-button': {
            '-webkit-appearance': 'none',
            margin: '0'
          },
          '&::-webkit-inner-spin-button': {
            '-webkit-appearance': 'none',
            margin: '0'
          },
          /* Ẩn nút điều hướng trên Firefox */
          '&': {
            '-moz-appearance': 'textfield'
          }
        }
      }

      addUtilities(newUtilities, ['responsive', 'hover'])
    },
    function ({ addUtilities }) {
      addUtilities({
        '.text-align-last-center': {
          'text-align-last': 'center'
        }
      })
    },
    function ({ addUtilities }) {
      addUtilities({
        '.translate-center': {
          transform: 'translate(-50%, -50%)'
        }
      })
    }
  ]
}
Leave a Comment