Helper¶

Use .helper element to style elements as helper text.

Example¶

Here is an example of helper element usage.

HTML

    <p>
        Some description

        <span class="helper">
            Additional helper text
        </span>
    </p>

Helper tags¶

The .helpers classes were designed to be used with block elements like <div>. However, you can use them with any other element and customize it to your own needs.

LESS¶

You can modify any helper less variable in your User Less section to change helper styles.

Helper variables¶

Variables used to style helpers.

@helperColor: @globalFontColorSecondary;

If you want to change helper styles, you can just change the variables. To change a default color just modify @helperColor variable.

@helperColor: red;

Helper standard styles¶

Here are standard helper styles.

.helper {
    display: block;
    .size-xs();
    color: @helperColor;
}