Allow custom postcss style tags

Author: mpociot

public/index.html

@@ -9,8 +9,16 @@
     }
 }
 </script>
+<style type="postcss">
+::selection {
+    @apply bg-pink-500;
+}
+</style>
 <div class="container mx-auto pt-16">
     <div class="h-8 w-8 bg-regal-blue rounded-full hover:bg-blue-800 cursor-pointer">
 
     </div>
+    foo bar baz
+
+    <div class="foo">asd</div>
 </div>

src/observer.js

@@ -27,12 +27,18 @@ export default (force = false) => {
       plugins: [],
     };
 
+    let customCss = '';
+    document.querySelectorAll('style[type="postcss"]').forEach(styleTag => {
+      customCss += styleTag.innerHTML;
+    })
+
     const result = await postcss([
       tailwindcss({ ...defaultConfig, ...userConfig }),
     ]).process(
       `
       @tailwind base;
       @tailwind components;
+      ${customCss}
       @tailwind utilities;
       `,
       {