@webpixels/css - npm Package Compare versions

Comparing version 1.1.8 to 1.1.9

package.json

 {
     "name": "@webpixels/css",
     "description": "Utility and component-centric Design System based on Bootstrap for fast, responsive UI development.",
-    "version": "1.1.8",
+    "version": "1.1.9",
     "version_short": "1.1",
@@ -6,0 +6,0 @@ "license": "MIT",

README.md

@@ -22,2 +22,31 @@ <p align="center"><a href="https://webpixels.io/start" target="_blank"><img src="https://webpixels.s3.eu-central-1.amazonaws.com/public/github/logo.png" width="200" height=""></a></p>
 
+## Install via npm
+
+For most projects (and to take advantage of the customization features), you'll want to install Webpixels CSS and its peer-dependencies via npm.
+
+```txt
+npm install @webpixels/css@latest bootstrap@latest --save-dev
+```
+
+This will automatically install the latest Bootstrap version, so you don't need to do that manually.
+
+## Import the styles into your CSS
+
+In your main.scss, you’ll import the source Sass files. Bootstrap is automatically loaded when you use the source files, so you don't need to worry about what Bootstrap files should you incorporate in your styles.
+
+You have two options: include all of styles at once:
+
+```scss
+@import "@webpixels/css";
+```
+
+or pick the parts you need:
+
+```scss
+@import "@webpixels/css/base";
+@import "@webpixels/css/forms";
+@import "@webpixels/css/components";
+@import "@webpixels/css/utilities";
+```
+
 ## Documentation
@@ -37,3 +66,3 @@
 - Read and subscribe to [The Official Webpixels Blog](https://webpixels.io/blog)
-- Join the [Webpixels Discord Server](https://discord.gg/hQ9H4wKTSv)
+- Join [Github Discussions](https://github.com/webpixels/css/discussions)
 
@@ -40,0 +69,0 @@ ## License

No alert changes

Improved metrics

Total package byte prevSize

2877413

increased by1.51%

Number of package files

139

increased by0.72%

Lines of code

3741

increased by1.66%

Number of lines in readme file

70

increased by70.73%

No dependency changes