Merge remote-tracking branch 'upstream/main'

github-actions · github-actions · commit f422df6517d0 · 2024-09-07T02:32:08.000Z
diff --git a/README.md b/README.md
@@ -52,6 +52,7 @@ Use whatever you'd like, but there's a few advantages with this approach over Ta
 * No high risk of eventually requiring a build step.
 * No chance of [deprecations](https://windicss.org/posts/sunsetting.html). 16 lines is infinitely maintainable.
 * Get the ultra-fast "inspect, play with styles, paste" workflow back.
+* No suffering from missing syntax highlighting on properties and units.
 * No suffering from FOUC (a flash of unstyled content).
 * Zero friction movement of styles between inline and `.css` files. Just replace `me`
 * No special tooling or plugins to install. Universal vanilla CSS. 
@@ -103,7 +104,14 @@ Tailwind verbosity goes up with more child elements.
     <div class="bg-[green]">green</div>
 </div>
 ```
-### CSS variables and child styling
+
+### CSS variables and child elements
+At first glance, **Tailwind Example 2** looks very promising! Exciting ...but:
+* 🔴 **Every child style requires an explicit selector.**
+  * Tailwinds' shorthand advantages sadly disappear.
+  * Any more child styles added in Tailwind will become longer than vanilla CSS.
+  * This limited example is the best case scenario for Tailwind.
+* 🔴 Not visible on github: **no highlighting for properties and units** begins to be painful.
 ```html
 <!doctype html>
 <html>
