Tinted
←Paint the town. The .tinted class will tint the text color, border color and some magic extras with the predefined states warn, success, danger and prime or your own custom color variable. Basically everything that was blackish before will become colorish.
The example below is just a test-case. There are many cool use cases for this, like for theming, customization or form validation. This is a local theme, the effective space is scoped by the container holding the class. It can be combined with tinted background. See the form validation example.
Syntax:
.tinted-{color}
SCSS:
_tinted.scss
No Class is blackish
CSS is awesomeprogress
| table | check | 1 |
| table | check | 2 |
Danger is redish
CSS is awesomeprogress
| table | check | 1 |
| table | check | 2 |
Warn is yellowish
CSS is awesomeprogress
| table | check | 1 |
| table | check | 2 |
Success is greenish
CSS is awesomeprogress
| table | check | 1 |
| table | check | 2 |
Prime is purpleish
CSS is awesomeprogress
| table | check | 1 |
| table | check | 2 |
Custom is different
CSS is awesomeprogress
| table | check | 1 |
| table | check | 2 |