![Introducing Enhanced Alert Actions and Triage Functionality](https://cdn.sanity.io/images/cgdhsj6q/production/fe71306d515f85de6139b46745ea7180362324f0-2530x946.png?w=800&fit=max&auto=format)
Product
Introducing Enhanced Alert Actions and Triage Functionality
Socket now supports four distinct alert actions instead of the previous two, and alert triaging allows users to override the actions taken for all individual alerts.
@webpixels/css
Advanced tools
Readme
Utility and component-centric Design System based on Bootstrap for fast, responsive UI development.
Explore Documentation »
Report bug
·
Request feature
·
UI Components
·
Blog
For most projects (and to take advantage of the customization features), you'll want to install Webpixels CSS and its peer-dependencies via npm.
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.
In your scss
folder create two new files and name them:
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.
@import "@webpixels/css/base";
@import "@webpixels/css/forms";
// Load all the components
@import "@webpixels/css/components";
or pick the parts you need:
@import "@webpixels/css/base";
@import "@webpixels/css/forms";
// 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 to see the complete list of available components.
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:
@import "@webpixels/css/utilities";
Check out our documentation website.
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!
Explore, copy, use and mix hundreds of carefully crafted components made just for Bootstrap.
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.
Get updates on the development of our CSS tool and chat with the project maintainers and community members.
Made with ❤️ by Webpixels. Webpixels CSS is open-sourced software licensed under the MIT license.
FAQs
Utility and component-centric design system based on Bootstrap for fast, responsive UI development.
The npm package @webpixels/css receives a total of 2,720 weekly downloads. As such, @webpixels/css popularity was classified as popular.
We found that @webpixels/css demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Socket now supports four distinct alert actions instead of the previous two, and alert triaging allows users to override the actions taken for all individual alerts.
Security News
Polyfill.io has been serving malware for months via its CDN, after the project's open source maintainer sold the service to a company based in China.
Security News
OpenSSF is warning open source maintainers to stay vigilant against reputation farming on GitHub, where users artificially inflate their status by manipulating interactions on closed issues and PRs.