Rock Mobile Docs

Tags

Tags are amazing as they come, but you can style them with just a bit of CSS.

Tag Selectors

Tags can be selected in CSS using the .tag class. There are several additional hooks available to limit your selections.

SelectorDescription
.tag-smSelects only small tags.
.tag-mdSelects the default sized tags.
.tag-lgSelects only large tags.
.tag-[type]Selects tags by their type. Options include:
.tag-primary
.tag-secondary
.tag-success
.tag-info
.tag-warning
.tag-danger

Example

.tag.tag-sm.tag-info {
    /* would select small tags of type info */
}

Styling the Tag's Text

To style the text of the tag use the .tag-text child selector.

.tag .tag-text {
    color: #ee7625;
}