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-color: var(--paragraph-color);
--form-message-line-height: var(--paragraph-line-height);