santycss 2.0.0 → 2.0.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 +55 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
[](https://www.npmjs.com/package/santycss)
|
|
4
4
|
[](https://www.npmjs.com/package/santycss)
|
|
5
5
|
[](https://github.com/ChintuSanty/santyCSS/blob/main/LICENSE)
|
|
6
|
-
[](https://www.npmjs.com/package/santycss)
|
|
7
7
|
|
|
8
8
|
**Plain-English utility-first CSS framework.**
|
|
9
9
|
Class names read like sentences. No build step. No configuration. Just link and use.
|
|
@@ -70,6 +70,60 @@ Class names read like sentences. No build step. No configuration. Just link and
|
|
|
70
70
|
|
|
71
71
|
---
|
|
72
72
|
|
|
73
|
+
## What's New in v1.9
|
|
74
|
+
|
|
75
|
+
### 🌊 Scroll & Scrollbar Utilities
|
|
76
|
+
|
|
77
|
+
| Class | Description |
|
|
78
|
+
|---|---|
|
|
79
|
+
| `scroll-smooth` | `scroll-behavior: smooth` |
|
|
80
|
+
| `scroll-auto` | `scroll-behavior: auto` |
|
|
81
|
+
| `scrollbar-thin` | Narrow scrollbar (webkit + standard) |
|
|
82
|
+
| `scrollbar-dark` | Dark-themed scrollbar |
|
|
83
|
+
| `scrollbar-hidden` | Hide scrollbar, keep scroll functionality |
|
|
84
|
+
|
|
85
|
+
### 🪟 Glass Morphism
|
|
86
|
+
|
|
87
|
+
| Class | Description |
|
|
88
|
+
|---|---|
|
|
89
|
+
| `glass` | Frosted glass effect (blur + semi-transparent white) |
|
|
90
|
+
| `glass-dark` | Dark frosted glass |
|
|
91
|
+
| `glass-light` | Light frosted glass |
|
|
92
|
+
|
|
93
|
+
### 🌈 Radial Gradients
|
|
94
|
+
|
|
95
|
+
```html
|
|
96
|
+
<div class="gradient-radial-blue-purple">...</div>
|
|
97
|
+
<div class="gradient-radial-pink-orange">...</div>
|
|
98
|
+
```
|
|
99
|
+
|
|
100
|
+
All `gradient-radial-*` utilities use CSS `radial-gradient()` matching the existing linear gradient palette.
|
|
101
|
+
|
|
102
|
+
### 🎬 New Animation Utilities
|
|
103
|
+
|
|
104
|
+
| Class | Description |
|
|
105
|
+
|---|---|
|
|
106
|
+
| `animate-spin-slow` | Slow clockwise rotation |
|
|
107
|
+
| `animate-spin-fast` | Fast clockwise rotation |
|
|
108
|
+
| `animate-spin-cw` | Explicit clockwise spin |
|
|
109
|
+
| `animate-spin-ccw` | Counter-clockwise spin |
|
|
110
|
+
| `animate-spin-xslow` | Very slow rotation |
|
|
111
|
+
| `animate-pulse-dot` | Pulsing dot indicator |
|
|
112
|
+
| `skill-bar-animated` | Animated skill/progress bar fill |
|
|
113
|
+
|
|
114
|
+
```html
|
|
115
|
+
<!-- Pulsing status indicator -->
|
|
116
|
+
<span class="animate-pulse-dot background-green-500"></span>
|
|
117
|
+
|
|
118
|
+
<!-- Animated skill bar -->
|
|
119
|
+
<div class="skill-bar-animated" style="--skill-width: 80%"></div>
|
|
120
|
+
|
|
121
|
+
<!-- Counter-clockwise spinner -->
|
|
122
|
+
<div class="animate-spin-ccw">↺</div>
|
|
123
|
+
```
|
|
124
|
+
|
|
125
|
+
---
|
|
126
|
+
|
|
73
127
|
## What's New in v1.8
|
|
74
128
|
|
|
75
129
|
### 🎨 SantyCSS Inspector — Figma Plugin
|