scss-prettier 4.0.21 → 4.0.23
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 +10 -4
- package/bin/scss-prettier.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -3,14 +3,14 @@
|
|
|
3
3
|
|
|
4
4
|
**Professional CSS/SCSS/LESS formatter with property sorting, inline & expanded modes, and smart cascade protection.**
|
|
5
5
|
|
|
6
|
-
The only formatter that combines **property sorting + inline formatting** in a single tool
|
|
6
|
+
The only formatter that combines **property sorting + inline formatting** in a single tool — no extra plugins or config needed.
|
|
7
7
|
|
|
8
8
|
---
|
|
9
9
|
|
|
10
10
|
## Why SCSS Prettier?
|
|
11
11
|
|
|
12
|
-
| Feature |
|
|
13
|
-
|
|
12
|
+
| Feature | Tool A | Tool B | Tool C | **SCSS Prettier** |
|
|
13
|
+
|---------|:------:|:------:|:------:|:-----------------:|
|
|
14
14
|
| Property Sorting | No | Plugin | Dead | **Built-in** |
|
|
15
15
|
| Inline Mode | No | No | Yes | **Yes (default)** |
|
|
16
16
|
| Expanded Mode | Yes | N/A | Yes | **Yes** |
|
|
@@ -20,6 +20,12 @@ The only formatter that combines **property sorting + inline formatting** in a s
|
|
|
20
20
|
| Cascade Protection | No | No | No | **Yes** |
|
|
21
21
|
| Active Maintenance | Yes | Yes | No | **Yes** |
|
|
22
22
|
|
|
23
|
+
### Inline Formatting
|
|
24
|
+
<img src="https://github.com/user-attachments/assets/e1f20be8-6a23-46fb-990f-a84277d9876f" width="600" />
|
|
25
|
+
|
|
26
|
+
### Property Sorting
|
|
27
|
+
<img src="https://github.com/user-attachments/assets/21fa9fc8-7158-4512-a09f-f741a64480f6" width="600" />
|
|
28
|
+
|
|
23
29
|
---
|
|
24
30
|
|
|
25
31
|
## Quick Start
|
|
@@ -70,7 +76,7 @@ Properties on one line — compact and scroll-efficient.
|
|
|
70
76
|
```
|
|
71
77
|
|
|
72
78
|
### Expanded
|
|
73
|
-
Each property on its own line —
|
|
79
|
+
Each property on its own line — traditional style.
|
|
74
80
|
|
|
75
81
|
```scss
|
|
76
82
|
.card {
|