Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Plugin installation #1

Open
zbeyens opened this issue Apr 15, 2024 · 0 comments
Open

Plugin installation #1

zbeyens opened this issue Apr 15, 2024 · 0 comments

Comments

@zbeyens
Copy link

zbeyens commented Apr 15, 2024

The plugin is not working when added that way:

// tailwind.config.cjs
...
plugins: [
    require('tailwindcss-mixins'),
    require('tailwindcss-multi'),
    require('tailwind-scrollbar-hide'),
    require('tailwindcss-animate'),
    require('@tailwindcss/typography'),
    plugin(({addVariant, matchVariant}) => {
      addVariant('all', '& *');
      addVariant('group-focus-visible', '.group:focus-visible &');
      // matchVariant('mixin', (_, { modifier }) => `& .mixin${modifier ? `\\/${modifier}` : ''} { & }`, { values: { DEFAULT: '' } });
    }),
  ],
...

My workaround is to replace the plugin by its implementation:

// tailwind.config.cjs
...
plugins: [
    // require('tailwindcss-mixins'),
    require('tailwindcss-multi'),
    require('tailwind-scrollbar-hide'),
    require('tailwindcss-animate'),
    require('@tailwindcss/typography'),
    plugin(({addVariant, matchVariant}) => {
      addVariant('all', '& *');
      addVariant('group-focus-visible', '.group:focus-visible &');
      matchVariant('mixin', (_, { modifier }) => `& .mixin${modifier ? `\\/${modifier}` : ''} { & }`, { values: { DEFAULT: '' } });
    }),
  ],
...

Am I missing something?

@zbeyens zbeyens changed the title IntelliSense support Plugin installation Apr 15, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant