📪Text Color

.text-{color}

.text-success

Sets the text color to the success color value.

CSS equivalent: color: successColor;

Example usage:

<div class="text-success">
  <!-- Content with a success text color -->
</div>

In the example above, the text color of the element will be set to the success color.

.text-danger

Sets the text color to the danger color value.

CSS equivalent: color: dangerColor;

Example usage:

<div class="text-danger">
  <!-- Content with a danger text color -->
</div>

In the example above, the text color of the element will be set to the danger color.

.text-warning

Sets the text color to the warning color value.

CSS equivalent: color: warningColor;

Example usage:

<div class="text-warning">
  <!-- Content with a warning text color -->
</div>

In the example above, the text color of the element will be set to the warning color.

.text-info

Sets the text color to the info color value.

CSS equivalent: color: infoColor;

Example usage:

<div class="text-info">
  <!-- Content with a info text color -->
</div>

In the example above, the text color of the element will be set to the info color.

.color-{color}

Sets the color of the text.

CSS equivalent: color: {value};

Example usage:

<span class="color-red">This text has red color.</span>

Last updated