santycss 1.7.0 → 1.8.0
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.
- package/README.md +41 -0
- package/dist/santy-core.css +1 -1
- package/dist/santy.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -20,6 +20,47 @@ Class names read like sentences. No build step. No configuration. Just link and
|
|
|
20
20
|
|
|
21
21
|
---
|
|
22
22
|
|
|
23
|
+
## What's New in v1.8
|
|
24
|
+
|
|
25
|
+
### 🎨 SantyCSS Inspector — Figma Plugin
|
|
26
|
+
|
|
27
|
+
Inspect any Figma layer and get the exact SantyCSS classes in one click.
|
|
28
|
+
|
|
29
|
+
**Install (local development):**
|
|
30
|
+
1. Clone this repo — the plugin lives in `figma-plugin-santycss/`
|
|
31
|
+
2. Open **Figma Desktop** → Plugins → Development → **Import plugin from manifest**
|
|
32
|
+
3. Select `figma-plugin-santycss/manifest.json`
|
|
33
|
+
4. Select any frame/text layer → run **SantyCSS Inspector**
|
|
34
|
+
|
|
35
|
+
**What it detects:**
|
|
36
|
+
|
|
37
|
+
| Figma property | SantyCSS output |
|
|
38
|
+
|---|---|
|
|
39
|
+
| Auto-layout (horizontal) | `make-flex flex-row` |
|
|
40
|
+
| Auto-layout (vertical) | `make-flex flex-column` |
|
|
41
|
+
| Alignment | `justify-center`, `align-center`, `justify-between` |
|
|
42
|
+
| Gap | `gap-16`, `gap-24` |
|
|
43
|
+
| Padding | `add-padding-24`, `add-padding-x-16 add-padding-y-8` |
|
|
44
|
+
| Width / Height | `set-width-320`, `set-width-full`, `set-height-fit` |
|
|
45
|
+
| Corner radius | `round-corners-8`, `make-pill` |
|
|
46
|
+
| Stroke | `add-border-1`, `border-color-blue-500` |
|
|
47
|
+
| Fill / background | `background-blue-500` (nearest of 200 palette colors) |
|
|
48
|
+
| Text color | `color-gray-900` |
|
|
49
|
+
| Font size | `set-text-16` |
|
|
50
|
+
| Font weight | `text-bold`, `text-semibold` |
|
|
51
|
+
| Text align | `text-center`, `text-right` |
|
|
52
|
+
| Drop shadow | `add-shadow-sm` / `add-shadow-lg` |
|
|
53
|
+
| Opacity | `opacity-50` |
|
|
54
|
+
| Clips content | `overflow-hidden` |
|
|
55
|
+
|
|
56
|
+
**Plugin UI:**
|
|
57
|
+
- Grouped classes (Layout / Spacing / Size / Typography / Color / Border / Effects)
|
|
58
|
+
- Click any chip to copy that class
|
|
59
|
+
- **Copy All** button — copies all classes as one string
|
|
60
|
+
- Dark mode — follows Figma's theme automatically
|
|
61
|
+
|
|
62
|
+
---
|
|
63
|
+
|
|
23
64
|
## What's New in v1.7
|
|
24
65
|
|
|
25
66
|
### ♿ Accessibility Utilities
|
package/dist/santy-core.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* ============================================================
|
|
2
|
-
SantyCSS v1.
|
|
2
|
+
SantyCSS v1.8.0 — Plain-English Utility CSS Framework
|
|
3
3
|
https://github.com/santybad/santy_css
|
|
4
4
|
============================================================ */
|
|
5
5
|
|
package/dist/santy.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* ============================================================
|
|
2
|
-
SantyCSS v1.
|
|
2
|
+
SantyCSS v1.8.0 — Plain-English Utility CSS Framework
|
|
3
3
|
https://github.com/santybad/santy_css
|
|
4
4
|
============================================================ */
|
|
5
5
|
|