prewindcss 1.2.0 → 1.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/README.md +5 -4
  2. package/package.json +1 -1
  3. package/theme.css +1 -0
package/README.md CHANGED
@@ -2,6 +2,8 @@
2
2
 
3
3
  A lightweight CSS utility library with no build step. Prewind provides the most useful utilities for everyday styling while encouraging a simpler, more maintainable approach to CSS. The entire library is ~7KB gzipped. No build step, no purging, no tree-shaking — just one CSS file.
4
4
 
5
+ If you know Tailwind, you already know Prewind. The utilities you reach for every day — flex, padding, margin, text color, background, borders, rounded corners, shadows — they're all here with the same class names. The only difference: use t-shirt sizes (`p-md`, `gap-lg`) instead of arbitrary numbers. Skip the animations and complex state variants, and you'll find that most of what you actually type in Tailwind works exactly the same way.
6
+
5
7
  Created by [Codepilot](https://codepilot.com). Inspired by [Tailwind CSS](https://tailwindcss.com) and [Utopia](https://utopia.fyi).
6
8
 
7
9
  ## Philosophy: Global First
@@ -25,14 +27,14 @@ Prewind works with the platform, not around it. CSS already has a cascade, varia
25
27
  Load Prewind from a CDN or host it yourself:
26
28
 
27
29
  ```html
28
- <link rel="stylesheet" href="https://unpkg.com/prewindcss@1.2.0" />
30
+ <link rel="stylesheet" href="https://unpkg.com/prewindcss@1.2.2" />
29
31
  ```
30
32
 
31
33
  ### 2. Define your theme variables
32
34
 
33
35
  Prewind's utility classes reference CSS variables for colors, spacing, fonts, and other design tokens. You need to define these variables somewhere in your CSS — either in a separate file, or at the top of your global stylesheet.
34
36
 
35
- You can copy the [default theme](https://github.com/codepilotsf/prewind/blob/main/theme.css) from the repository and customize it, or define the variables yourself:
37
+ You can get the default theme by running `npx prewindcss theme` (copies to clipboard), or copy it from the [repository](https://github.com/codepilotsf/prewind/blob/main/theme.css) and customize it. Alternatively, define the variables yourself:
36
38
 
37
39
  ```css
38
40
  :root {
@@ -114,10 +116,9 @@ To generate custom fluid sizes for your project:
114
116
  ```bash
115
117
  npx prewindcss text # Generate fluid typography scale
116
118
  npx prewindcss space # Generate fluid spacing scale
117
- npx prewindcss theme # Get default theme CSS variables
118
119
  ```
119
120
 
120
- The `text` and `space` commands launch an interactive configurator where you can adjust:
121
+ Each command launches an interactive configurator where you can adjust:
121
122
 
122
123
  - Viewport range (min/max)
123
124
  - Base size at each viewport
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "prewindcss",
3
- "version": "1.2.0",
3
+ "version": "1.2.2",
4
4
  "description": "Lightweight, no-build Tailwind alternative",
5
5
  "type": "module",
6
6
  "main": "prewind.css",
package/theme.css CHANGED
@@ -1,6 +1,7 @@
1
1
  /*
2
2
  ----------------------------------------
3
3
  Prewind Theme
4
+ https://github.com/codepilotsf/prewind
4
5
  ----------------------------------------
5
6
  */
6
7