You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+2-3Lines changed: 2 additions & 3 deletions
Original file line number
Diff line number
Diff line change
@@ -6,10 +6,9 @@
6
6
## Why does this exist?
7
7
8
8
* You want an easy inline vanilla CSS experience without Tailwind CSS.
9
-
* Hate creating unique class names over.. and over.. to use them once.
9
+
* Hate creating unique class names over.. and over.. to use once.
10
10
* You want to co-locate your styles for ⚡️ [Locality of Behavior (LoB)](https://htmx.org/essays/locality-of-behaviour/)
11
11
* You wish `this` would work in `<style>` tags.
12
-
* Get the ultra-fast "inspect, play with styles, paste" workflow back.
13
12
* Use all CSS features: [Nesting](https://caniuse.com/css-nesting), animations. Get scoped [`@keyframes`](https://github.com/gnat/css-scope-inline/blob/main/example.html#L86)!
14
13
* Only 15 lines. No build step. No dependencies.
15
14
* Pairs well with [htmx](https://htmx.org) and [Surreal](https://github.com/gnat/surreal)
@@ -42,6 +41,6 @@ Use whatever you'd like, but there's a few advantages with this approach:
42
41
* No suffering from FOUC (a flash of unstyled content) as experienced in Tailwind CDN, Twind, UnoCSS.
43
42
* No high risk of eventually requiring a build step. It just works.
44
43
* No chance of [deprecations](https://windicss.org/posts/sunsetting.html). 15 lines is infinitely maintainable.
45
-
*Use the browser inspector to live edit / copy / paste styles.
44
+
*Get the ultra-fast "inspect, play with styles, paste" workflow back.
46
45
* Zero friction movement of styles between inline and `.css` files.
47
46
* Universal vanilla CSS. No special syntax or editor plugins to install.
0 commit comments