Skip to content

blocklist disables hover but not autocomplete #740

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

Closed
aboqasem opened this issue Mar 21, 2023 · 0 comments · Fixed by tailwindlabs/tailwindcss#10844 or #746
Closed

blocklist disables hover but not autocomplete #740

aboqasem opened this issue Mar 21, 2023 · 0 comments · Fixed by tailwindlabs/tailwindcss#10844 or #746

Comments

@aboqasem
Copy link

What version of Tailwind CSS IntelliSense are you using?

v0.9.9

What version of Tailwind CSS are you using?

v0.0.0-insiders.7b4385c

What package manager are you using?

pnpm

What operating system are you using?

macOS

Tailwind config

const defaultTheme = require('tailwindcss/defaultTheme');

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./src/**/*.{js,ts,jsx,tsx}'],
  blocklist: ['font-thin'],
  theme: {
    fontSize: {
      xs: ['0.75rem', { lineHeight: '1rem' }],
      sm: ['0.875rem', { lineHeight: '1.5rem' }],
      base: ['1rem', { lineHeight: '1.75rem' }],
      lg: ['1.125rem', { lineHeight: '2rem' }],
      xl: ['1.25rem', { lineHeight: '2rem' }],
      '2xl': ['1.5rem', { lineHeight: '2rem' }],
      '3xl': ['2rem', { lineHeight: '2.5rem' }],
      '4xl': ['2.5rem', { lineHeight: '3.5rem' }],
      '5xl': ['3rem', { lineHeight: '3.5rem' }],
      '6xl': ['3.75rem', { lineHeight: '1' }],
      '7xl': ['4.5rem', { lineHeight: '1.1' }],
      '8xl': ['6rem', { lineHeight: '1' }],
      '9xl': ['8rem', { lineHeight: '1' }],
    },
    extend: {
      colors: {
        'curious-blue': {
          DEFAULT: '#24A9DF',
          50: '#C4E8F6',
          100: '#B2E1F4',
          200: '#8FD3EF',
          300: '#6BC5E9',
          400: '#48B7E4',
          500: '#24A9DF',
          600: '#1A85B1',
          700: '#136180',
          800: '#0C3C4F',
          900: '#04171E',
        },
      },
      borderRadius: {
        '4xl': '2rem',
      },
      fontFamily: {
        sans: ['var(--font-normal)', ...defaultTheme.fontFamily.sans],
        display: ['var(--font-display)', ...defaultTheme.fontFamily.sans],
      },
      maxWidth: {
        '2xl': '40rem',
      },
    },
  },
  plugins: [],
};

VS Code settings

{
  "tailwindCSS.emmetCompletions": true,
}

Describe your issue

blocklisting a class doesn't remove it from autocomplete, but disables its hover tooltip.

@aboqasem aboqasem changed the title blocklist disables hover but not auto complete blocklist disables hover but not autocomplete Mar 21, 2023
@thecrypticace thecrypticace self-assigned this Mar 22, 2023
@thecrypticace thecrypticace reopened this Mar 23, 2023
@thecrypticace thecrypticace removed their assignment Mar 24, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
2 participants