Overview
reelyActive's web style guide is intended to provide a simple, standard and responsive foundation for all reelyActive web pages and web applications.
- simple,
- a text editor shall suffice
- standard,
- all modern browsers supported
- responsive,
- mobile or desktop makes no difference
Based on the Bootstrap 5 component library, compiled as bootstrappyactive.css / .js, no additional frameworks, CSS or JS are required. The only additional dependency is Font Awesome 5 (Free) for graphical icons.
It's all open source, MIT License and/or Creative Commons.
Use it, tweak it, build it
Compiled files, source code and instructions can be found on our GitHub at github.com/reelyactive/web-style-guide.
Examples
Colours
| Name | Table | Button | Badge | Text | Alert |
|---|---|---|---|---|---|
| primary | table-primary | bg-primary | primary |
alert-primary
|
|
| secondary | table-secondary | bg-secondary | secondary |
alert-secondary
|
|
| success | table-success | bg-success | success |
alert-success
|
|
| warning | table-warning | bg-warning | warning |
alert-warning
|
|
| danger | table-danger | bg-danger | danger |
alert-danger
|
|
| info | table-info | bg-info | info |
alert-info
|
|
| dark | table-dark | bg-dark | dark |
alert-dark
|
|
| light | table-light | bg-light | light |
alert-light
|
|
| ambient | table-ambient | bg-ambient | ambient |
alert-ambient
|