santycss 1.2.0 → 1.3.1
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 +54 -3
- package/dist/santy-animations.css +828 -828
- package/dist/santy.css +13068 -13068
- package/package.json +68 -68
package/README.md
CHANGED
|
@@ -20,6 +20,57 @@ 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.3
|
|
24
|
+
|
|
25
|
+
### 🎨 70+ SVG Icons (new: Business & Finance)
|
|
26
|
+
|
|
27
|
+
SantyCSS now ships **two icon systems** in `santy-icons.css`:
|
|
28
|
+
|
|
29
|
+
**Brand Icons** (35) — `.brand-icon` + `.brand-icon-{name}`
|
|
30
|
+
Social media, developer tools, platforms & payment services.
|
|
31
|
+
|
|
32
|
+
**Business & Finance Icons** (35) — `.icon` + `.icon-{name}`
|
|
33
|
+
35 utility icons sourced from Font Awesome 6 Free (CC BY 4.0):
|
|
34
|
+
|
|
35
|
+
| Category | Icons |
|
|
36
|
+
|---|---|
|
|
37
|
+
| Charts | `chart-bar` · `chart-column` · `chart-line` · `chart-pie` · `chart-area` · `chart-simple` |
|
|
38
|
+
| Money | `dollar-sign` · `euro-sign` · `coins` · `money-bill` · `money-bill-wave` · `sack-dollar` · `percent` |
|
|
39
|
+
| Business | `briefcase` · `handshake` · `building` · `building-columns` · `landmark` · `store` · `hotel` |
|
|
40
|
+
| Documents | `file-invoice` · `file-invoice-dollar` · `receipt` · `credit-card` · `wallet` |
|
|
41
|
+
| Commerce | `tag` · `tags` · `cash-register` · `calculator` · `piggy-bank` · `scale-balanced` |
|
|
42
|
+
| Trends | `arrow-trend-up` · `arrow-trend-down` · `hand-holding-dollar` · `house` |
|
|
43
|
+
|
|
44
|
+
```html
|
|
45
|
+
<!-- Include the icon stylesheet -->
|
|
46
|
+
<link rel="stylesheet" href="santy-icons.css">
|
|
47
|
+
|
|
48
|
+
<!-- Brand icon (social/dev) -->
|
|
49
|
+
<span class="brand-icon brand-icon-github"></span>
|
|
50
|
+
<span class="brand-icon brand-icon-react brand-icon-color-react brand-icon-xl"></span>
|
|
51
|
+
|
|
52
|
+
<!-- Business & Finance icon -->
|
|
53
|
+
<span class="icon icon-briefcase"></span>
|
|
54
|
+
<span class="icon icon-dollar-sign icon-xl" style="color:#16a34a;"></span>
|
|
55
|
+
<span class="icon icon-chart-line icon-32"></span>
|
|
56
|
+
```
|
|
57
|
+
|
|
58
|
+
**Size modifiers** (same for both systems):
|
|
59
|
+
```
|
|
60
|
+
.icon-xs .icon-sm .icon-md .icon-lg .icon-xl
|
|
61
|
+
.icon-2x .icon-3x .icon-4x .icon-5x .icon-6x
|
|
62
|
+
.icon-16 .icon-24 .icon-32 .icon-48 .icon-64
|
|
63
|
+
```
|
|
64
|
+
|
|
65
|
+
**Animations:**
|
|
66
|
+
```html
|
|
67
|
+
<span class="icon icon-coins icon-spin icon-xl" style="color:#f59e0b;"></span>
|
|
68
|
+
```
|
|
69
|
+
|
|
70
|
+
> 🎨 **[Icon Browser](https://santycss.santy.in/icons.html)** — search, filter, and copy-click any icon
|
|
71
|
+
|
|
72
|
+
---
|
|
73
|
+
|
|
23
74
|
## What's New in v1.2
|
|
24
75
|
|
|
25
76
|
### 🎬 120+ Animations (was 70+)
|
|
@@ -328,11 +379,11 @@ For new projects, the **Component Variant System** (`make-button style-*`) is re
|
|
|
328
379
|
|
|
329
380
|
| File | Size | Contents |
|
|
330
381
|
|---|---|---|
|
|
331
|
-
| `dist/santy.css` |
|
|
382
|
+
| `dist/santy.css` | 723KB | Everything — utilities + components + animations |
|
|
332
383
|
| `dist/santy.min.css` | 615KB | Minified full bundle |
|
|
333
|
-
| `dist/santy-core.css` |
|
|
384
|
+
| `dist/santy-core.css` | 598KB | Utilities only (no components) |
|
|
334
385
|
| `dist/santy-components.css` | 52KB | Component shortcuts only |
|
|
335
|
-
| `dist/santy-animations.css` |
|
|
386
|
+
| `dist/santy-animations.css` | 60KB | 120+ animations only |
|
|
336
387
|
| `dist/santy-email.css` | 13KB | Email-safe CSS for HTML email |
|
|
337
388
|
|
|
338
389
|
---
|