Colors
We have a series of colors that are used by default. They include:
- primary
- success
- danger
- warning
- info
Color Classes Variation :
Color Options | Class | Description |
---|---|---|
Background Color | .bg-{colorName} |
The class is used for background color. |
Lighten Color | .bg-{colorName}.bg-lighten-* |
For Lighten background color, this two classes needed. Here *: 1,2,3,4 lighten color options. |
Darken Color | .bg-{colorName}.bg-darken-* |
For Darken background color, this two classes needed. Here *: 1,2,3,4 darken color options. |
Gradient Color | .bg-gradient-{colorName} |
The class is used for background with gradient color |
Background with rgba Color | .bg-rgba-{colorName} |
The class is used for set rgba alpha of given color to 0.15. |
Background with bg-opacity Color | .overlay-{colorName} |
The class is used for set opacity value of background color. |
Border Color | .border-{colorName} |
The class is used for border color. Use .border-{top/bottom/left/right}-{colorName}. |
Text Color | .{colorName} |
The class is used for text color. |