Невозможно расширить: варианты TailwindCSS:

Я хочу расширить стиль полей и добавить к нему вариант ['even'].

Я могу добавить вариант так:

module.exports = {
  variants: {
    margin: ['even'],
  },
  theme: {
    ...
  }
}

Насколько я понимаю, приведенное выше переопределит варианты стилей полей по умолчанию.

В документации здесь показана возможность расширения варианта, чтобы не удалять все значения по умолчанию при добавлении нового варианта (подробнее обсуждается здесь).

Я пробовал это и не добился успеха:

module.exports = {
  variants: {
    extend: {  
      margin: ['even'],
    },
  },
  theme: {
    ...
  }
}

Я наверное что-то не так делаю или у меня опечатка?

Вы используете Tailwind 2.0 или более старую версию? (Я не верю, что это возможно до 2.0)

Jon 06.01.2021 07:07

По этой причине у меня установлена ​​1.9.6. Спасибо.

samuelkobe 07.01.2021 22:24
Как сделать компонент справочного центра с помощью TailwindCSS
Как сделать компонент справочного центра с помощью TailwindCSS
Справочный центр - это веб-сайт, где клиенты могут найти ответы на свои вопросы и решения своих проблем. Созданный для решения многих распространенных...
REACT и NEXT JS вместе с Tailwind CSS
REACT и NEXT JS вместе с Tailwind CSS
Наличие собственного или персонального сайта необходимо в современном мире, а сочетание React и Next JS позволяет разработчику сделать это за меньшее...
Современные подходы к организации и работе с CSS в проекте
Современные подходы к организации и работе с CSS в проекте
Любой, кто писал CSS в течение некоторого времени, знает о сложностях, которые с этим связаны, и о том, насколько это может быть болезненно.
Как использовать псевдокласс :hover в Tailwind только тогда, когда это действительно необходимо (при наличии курсора)
Как использовать псевдокласс :hover в Tailwind только тогда, когда это действительно необходимо (при наличии курсора)
Я люблю Tailwind. Раньше я относился к нему с подозрением, но как только я попробовал его использовать, я был поражен тем, сколько времени он мне...
1
2
436
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Причина, по которой я не смог этого сделать, заключалась в том, что моя версия tailwindcss была ниже 2.0. Как предложил @Jon . Спасибо! Примечания к выпуску 2.0.

Другие вопросы по теме