apply tailwind classes to .blink class

Author: zhelezkov

bun.lockb

@@ -47,6 +47,7 @@
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "postcss": "^8.4.38",
+    "postcss-prefix-selector": "^1.16.1",
     "prettier": "^3.2.5",
     "prettier-plugin-organize-imports": "^3.2.4",
     "prettier-plugin-tailwindcss": "^0.5.13",

package.json

@@ -1,6 +1,22 @@
+let prefixOverrideList = ['html', 'body'];
+
 export default {
   plugins: {
     tailwindcss: {},
     autoprefixer: {},
+    'postcss-prefix-selector': {
+      prefix: '.blink',
+      includeFiles: ['index.css'],
+      transform: function (prefix, selector, prefixedSelector) {
+        if (selector.startsWith('.blink')) {
+          return selector;
+        }
+        if (prefixOverrideList.includes(selector)) {
+          return prefix;
+        } else {
+          return prefixedSelector;
+        }
+      },
+    },
   },
-}
+};