Как запретить плагинам TailwindCSS переопределять стили сторонних компонентов ⇐ Php

[Anonymous]

Я работаю над проектом TailwindCSS Laravel, в котором приложение уже использует знаменитый стартовый пакет laravel/breeze. laravel/breeze основан на TailwindCSS для оформления, поэтому поставляется с TailwindCSS и его плагином Tailwindcss/forms.

Код: Выделить всё

laravel/breeze

затем создает свои собственные блейд-компоненты для формирования пользовательского интерфейса, которые используют TailwindCSS с плагином Tailwindcss/forms. И я повторно использовал эти уже определенные компоненты при создании своего приложения, чтобы поддерживать согласованность пользовательского интерфейса, а также создавал свои собственные блейд-компоненты, когда это необходимо.
Однако в последнее время я решил, что могу использовать общие уже определенные блейд-компоненты и TailwindCSS после обнаружения этого пакета под названием BladewindUI.
Проблема в том, что после установки пакета BladewindUI некоторые из его такие компоненты, как Toggle, например, переопределяют некоторые из своих стилей стилями плагина Tailwindcss/Forms, поэтому они не выглядят так, как должны.
Я не могу изменить стратегию плагина в опции плагинов в Tailwind.config.js с базового на класс, поскольку он уже используется компонентами Breeze Blade и влияет на другие компоненты, которые я создал или даже использовал другими пакеты.
tailwind.config.js

Код: Выделить всё

plugins: [
require("@tailwindcss/forms")({
strategy: 'base', // only generate global styles
strategy: 'class', // only generate classes
}),
],

Я пытался исключить папку BladewindUI из параметра содержимого в файле Tailwind.config.js, предваряя ее путь знаком "!", но некоторые из ее стилей по-прежнему переопределяются плагином Tailwindcss/forms.
tailwind.config.js

Код: Выделить всё

content: [
'!./vendor/mkocansey/bladewind/resources/views/components/*.blade.php',
'!./vendor/mkocansey/bladewind/resources/assets/css/*.css',
'!./vendor/mkocansey/bladewind/public/css/*.css',
'!./vendor/mkocansey/bladewind/public/css/*.min.css',
'!./vendor/mkocansey/bladewind/public/js/*.js',

'./resources/**/*.blade.php',
'./resources/**/*.js',
],

Как изолировать папку компонентов BladewindUI от влияния конфигурации TailwindCSS v3 приложения?


Подробнее здесь: https://stackoverflow.com/questions/763 ... ent-styles