Skip to content

Commit da6bef3

Browse files
authored
Added more Tailwind showndown notes.
1 parent 8fa0285 commit da6bef3

File tree

1 file changed

+7
-1
lines changed

1 file changed

+7
-1
lines changed

README.md

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,7 @@ Use whatever you'd like, but there's a few advantages with this approach over Ta
5252
* No high risk of eventually requiring a build step.
5353
* No chance of [deprecations](https://windicss.org/posts/sunsetting.html). 16 lines is infinitely maintainable.
5454
* Get the ultra-fast "inspect, play with styles, paste" workflow back.
55+
* No suffering from a lack of syntax highlighting on properties and units.
5556
* No suffering from FOUC (a flash of unstyled content).
5657
* Zero friction movement of styles between inline and `.css` files. Just replace `me`
5758
* No special tooling or plugins to install. Universal vanilla CSS.
@@ -103,7 +104,12 @@ Tailwind verbosity goes up with more child elements.
103104
<div class="bg-[green]">green</div>
104105
</div>
105106
```
106-
### CSS variables and child styling
107+
108+
### CSS variables and child elements
109+
At first glance, **Tailwind Example 2** looks very promising! Exciting ...but:
110+
* 🔴 **Every child style requires a selector** so the short style advantage unfortunately disappears.
111+
* This trivial example is the best case scenario for Tailwind.
112+
* 🔴 Not visible on github, but **zero highlighting for properties and units** begins to become painful.
107113
```html
108114
<!doctype html>
109115
<html>

0 commit comments

Comments
 (0)