@lobergdesign/dot-grid 1.0.9 → 1.0.12
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 +18 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -46,6 +46,24 @@ Or in your HTML:
|
|
|
46
46
|
/>
|
|
47
47
|
```
|
|
48
48
|
|
|
49
|
+
## 💡 IDE IntelliSense
|
|
50
|
+
|
|
51
|
+
Get class name completions in `class=""` and `className=""` attributes with the [HTML CSS Support](https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css) VS Code extension.
|
|
52
|
+
|
|
53
|
+
Add this to your project's `.vscode/settings.json`:
|
|
54
|
+
|
|
55
|
+
```json
|
|
56
|
+
{
|
|
57
|
+
"css.styleSheets": [
|
|
58
|
+
"./node_modules/@lobergdesign/dot-grid/dist/grid.css"
|
|
59
|
+
]
|
|
60
|
+
}
|
|
61
|
+
```
|
|
62
|
+
|
|
63
|
+
Once configured, typing `grid-c-` or `place-` in any `class` attribute will show completions for all dot-grid classes.
|
|
64
|
+
|
|
65
|
+
> **Plain HTML projects** — if you link the CSS via `<link>`, VS Code picks up class names automatically with no extra config.
|
|
66
|
+
|
|
49
67
|
## 🚀 Quick Start
|
|
50
68
|
|
|
51
69
|
### Basic Grid
|
package/package.json
CHANGED