turretcss

Form Message

Example

Form message

Form message success

Form message error

Form message warning

Form message info

HTML

<p class="form-message">...</p>
<p class="form-message success">...</p>
<p class="form-message error">...</p>
<p class="form-message warning">...</p>
<p class="form-message info">...</p>

CSS

--form-message-margin: var(--label-margin);
--form-message-font-family: var(--paragraph-font-family);
--form-message-font-weight: var(--paragraph-font-weight);
--form-message-font-size: var(--font-size-s);
--form-message-font-style: var(--paragraph-font-style);
--form-message-color: var(--paragraph-color);
--form-message-line-height: var(--paragraph-line-height);
--form-message-text-transform: var(--paragraph-text-transform);
--form-message-letter-spacing: var(--paragraph-letter-spacing);

Related