wip

Author: thecrypticace

packages/tailwindcss-language-service/src/completionProvider.ts

@@ -2304,6 +2304,13 @@ export async function resolveCompletionItem(
           if (rule.name === 'supports' && rule.params === '(-moz-orient: inline)') {
             rule.remove()
           }
+
+          if (
+            rule.name === 'supports' &&
+            rule.params === '(background-image: linear-gradient(in lab, red, red))'
+          ) {
+            rule.remove()
+          }
         })
 
         base.walkDecls((node) => {
@@ -2320,6 +2327,80 @@ export async function resolveCompletionItem(
           if (node.prop === '--tw-duration') return false
           if (node.prop === '--tw-ease') return false
           if (node.prop === '--tw-font-weight') return false
+          if (node.prop === '--tw-gradient-via-stops') return false
+          if (node.prop === '--tw-gradient-stops') return false
+          if (node.prop === '--tw-tracking') return false
+          if (node.prop === '--tw-space-x-reverse' && node.value === '0') return false
+          if (node.prop === '--tw-space-y-reverse' && node.value === '0') return false
+          if (node.prop === '--tw-divide-x-reverse' && node.value === '0') return false
+          if (node.prop === '--tw-divide-y-reverse' && node.value === '0') return false
+
+          // TODO: Need to decide whether these should be here or not
+          /*
+          if (
+            node.prop === 'translate' &&
+            (node.value === 'var(--tw-translate-x) var(--tw-translate-y)' ||
+              node.value === 'var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z)')
+          ) {
+            return false
+          }
+
+          if (
+            node.prop === 'scale' &&
+            (node.value === 'var(--tw-scale-x) var(--tw-scale-y)' ||
+              node.value === 'var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z)')
+          ) {
+            return false
+          }
+
+          if (
+            node.prop === 'transform' &&
+            node.value ===
+              'var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y)'
+          ) {
+            return false
+          }
+
+          if (
+            node.prop === 'box-shadow' &&
+            node.value ===
+              'var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)'
+          ) {
+            return false
+          }
+
+          if (
+            node.prop === 'border-spacing' &&
+            node.value === 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)'
+          ) {
+            return false
+          }
+
+          if (
+            node.prop === 'background-image' &&
+            (node.value === 'linear-gradient(var(--tw-gradient-stops))' ||
+              node.value === 'radial-gradient(var(--tw-gradient-stops))' ||
+              node.value === 'conic-gradient(var(--tw-gradient-stops))')
+          ) {
+            return false
+          }
+
+          if (
+            (node.prop === '-webkit-filter' || node.prop === 'filter') &&
+            node.value ===
+              'var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)'
+          ) {
+            return false
+          }
+
+          if (
+            (node.prop === '-webkit-backdrop-filter' || node.prop === 'backdrop-filter') &&
+            node.value ===
+              'var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)'
+          ) {
+            return false
+          }
+          */
 
           return true
         }