suitcss-components-alert
Advanced tools
A SUIT CSS component that provides a structural UI alert template to be extended with modifiers.
Read more about SUIT CSS's design principles.
Alert - [core] The core alert componentAlert--info - Applies info colours to the alertAlert--success - Applies success colours to the alertAlert--danger - Applies danger colours to the alertAlert--warning - Applies warning colours to the alert--Alert-borderColor
--Alert-borderWidth
--Alert-padding
--Alert--info-backgroundColor
--Alert--info-borderColor
--Alert--info-textColor
--Alert--success-backgroundColor
--Alert--success-borderColor
--Alert--success-textColor
--Alert--danger-backgroundColor
--Alert--danger-borderColor
--Alert--danger-textColor
--Alert--warning-backgroundColor
--Alert--warning-borderColor
--Alert--warning-textColor
Examples:
<div class="Alert">
This is a default alert.
</div>
<div class="Alert Alert--success">
This is a success alert.
</div>
The CSS is focused on common structural requirements for alerts. You can extend it with application-specific theme styles in your app.
yarn install
To generate a build:
yarn build
To lint code with postcss-bem-linter and stylelint
yarn lint
To generate the testing build.
yarn build-test
To watch the files for making changes to test:
yarn watch
Basic visual tests are in test/index.html.
1.3.0 (Sep 04, 2018)
.Alert--info modifierFAQs
Structural alert styles for SUIT CSS
The npm package suitcss-components-alert receives a total of 17 weekly downloads. As such, suitcss-components-alert popularity was classified as not popular.
We found that suitcss-components-alert 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.
Security News
RubyGems.org has added a new "maintainer" role that allows for publishing new versions of gems. This new permission type is aimed at improving security for gem owners and the service overall.
Security News
Node.js will be enforcing stricter semver-major PR policies a month before major releases to enhance stability and ensure reliable release candidates.
Security News
Research
Socket's threat research team has detected five malicious npm packages targeting Roblox developers, deploying malware to steal credentials and personal data.