1.2.2 changes

Author: extrabright

.gitignore

@@ -5,6 +5,9 @@
 .next/
 .sass-cache
 .stylelintcache
+.parcel-cache/
+.cache
 node_modules/
 tmp/
+dist/
 package-lock.json

README.md

@@ -29,41 +29,86 @@ 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
+## Create the Sass files
 
-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.
+In your `scss` folder create two new files and name them:
+
+- main.scss
+- utility.scss
 
-You have two options: include all of styles at once:
+### Import the base styles and components
+
+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.
 
 ```scss
-@import "@webpixels/css";
+@import "@webpixels/css/base";
+@import "@webpixels/css/forms";
+
+// Load all the components
+@import "@webpixels/css/components";
 ```
 
 or pick the parts you need:
 
 ```scss
 @import "@webpixels/css/base";
 @import "@webpixels/css/forms";
-@import "@webpixels/css/components";
+
+// Load only the components you use
+@import "@webpixels/css/components/alerts";
+@import "@webpixels/css/components/avatars";
+@import "@webpixels/css/components/buttons";
+@import "@webpixels/css/components/navbars";
+@import "@webpixels/css/components/cards";
+```
+
+[**Click here**](https://github.com/webpixels/css/blob/master/src/components/_index.scss) to see the complete list of available components.
+
+### Import the utility classes
+
+In Webpixels CSS you'll notice that we don't create custom styles, but rather make use of the utility classes. We are using the new Bootstrap Utility API to generate a comprehensive list of classes.
+
+In your utility.scss you'll import all the utilities:
+
+```scss
 @import "@webpixels/css/utilities";
 ```
 
 ## Documentation
 
-Check out our [documentation website](https://webpixels.io/docs).
+Check out our [documentation website](https://webpixels.io/docs?ref=github).
+
+## Integrations
+
+If you want to see how it works, check out these functional examples of using Bootstrap and Webpixels CSS in common JS frameworks like Webpack, Parcel, Vite, and more!
+
+[See all integrations](https://github.com/webpixels/css/tree/master/integrations)
 
-## UI Components
+## Detailed UI components library
 
-Explore, copy, use and mix hundreds of carefully crafted components made just for Bootstrap. [Explore components](https://webpixels.io/components)
+Explore, copy, use and mix hundreds of carefully crafted components made just for Bootstrap.
+
+[Explore components](https://webpixels.io/components?ref=github)
+
+## Beautiful designer-made templates
+
+Get your new web design project started with these amazing templates, or copy and paste elements into your existing projects to give them a creative boost.
+
+[Explore templates](https://webpixels.io/templates?ref=github)
 
 ## Community
 
 Get updates on the development of our CSS tool and chat with the project maintainers and community members.
 
-- Follow [@webpxs](https://twitter.com/intent/user?screen_name=webpxs) on Twitter
+- Follow [@webpixels_](https://twitter.com/intent/user?screen_name=webpxs) on Twitter
+- Get inspired through our designs on [Dribbble](https://dribbble.com/webpixels)
 - Read and subscribe to [The Official Webpixels Blog](https://webpixels.io/blog)
 - Join [Github Discussions](https://github.com/webpixels/css/discussions)
 
+## Thank you
+
+- [Mark Otto and the Team](https://github.com/twbs/bootstrap)
+
 ## License
 
-Webpixels CSS is open-sourced software licensed under the [MIT license](https://github.com/webpixels/css/blob/master/LICENSE).
+Made with ❤️ by [Webpixels](https://webpixels.io?ref=github). Webpixels CSS is open-sourced software licensed under the [MIT license](https://github.com/webpixels/css/blob/master/LICENSE).