Добавьте пользовательский класс tailwindcss в следующий проект.js-Tailwind

#next.js #tailwind-css

Вопрос:

У меня есть следующий проект.js-Tailwind, в который я хочу добавить пользовательские классы, чтобы я мог использовать их в любом месте проекта.

Я пробовал пару подобных вещей, но, похоже, это не работает.

tailwind.config.js:

 module.exports = {  purge: [  './pages/**/*.{js,ts,jsx,tsx}',  './components/**/*.{js,ts,jsx,tsx}',  ],  darkMode: false, // or 'media' or 'class'  theme: {  extend: {  height: {  '60': '60rem',  '40': '40rem',  '55': '55rem',  '180': '180px',  },  colors: {  'primary': '#0B003A',  },  },  },  variants: {  extend: {},  },  plugins: [require('@tailwindcss/typography')], }   

Что все, что мне нужно сделать, чтобы использовать эти классы глобально в рамках всего проекта?

Комментарии:

1. Похоже, это меня устраивает. Как вы используете пользовательские классы в своем коде? Применяются ли они к элементам в DOM?

2. Эти настройки работают нормально , подтверждены 😉