bulma-reasonable-colors
CSS classes for using
Reasonable Colors
with
Bulma.
View the test page for more examples.
Features
- Includes Bulma-like class names for all six shades of all 25 colors in the reasonable-colors palette.
- Accessible defaults.
Usage
Download the SCSS, download the minified CSS, or install from NPM.
npm install @cityssm/bulma-reasonable-colors
To avoid collisions with future Bulma updates,
all class names include rc-
before the color name and shade.
The color palate is available on the
Reasonable Colors
website.
For example, to set the text color to the fourth shade of teal,
use the class .has-text-rc-teal-4
.
Classes so Far
.has-text-rc-[colorName]-[shadeNumber]
.has-background-rc-[colorName]-[shadeNumber]
.button.is-rc-[colorName]
In the Works
- Alert colors, navbar colors, panel colors, and other Bulma elements and components.