Message
Huro provides a component for messages that you can use in your forms, for instance. The default message is displayed on a grey background. Check the markup for more details.
<div class="message">
<a class="delete"></a>
<div class="message-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tempus quis placerat
ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida
purus diam, et dictum.
</div>
</div>
Message Colors
Huro provides a component for messages that you can use in your forms, for instance. You can change message colors with modifier classes. Available modifier classes are is-primary, is-info, is-success, is-warning and is-danger. See code for more details about usage.
<div class="message is-primary">
<a class="delete"></a>
<div class="message-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tempus quis placerat
ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida
purus diam, et dictum.
</div>
</div>
<div class="message is-success">
<a class="delete"></a>
<div class="message-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tempus quis placerat
ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida
purus diam, et dictum.
</div>
</div>
<div class="message is-warning">
<a class="delete"></a>
<div class="message-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tempus quis placerat
ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida
purus diam, et dictum.
</div>
</div>
<div class="message is-danger">
<a class="delete"></a>
<div class="message-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tempus quis placerat
ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida
purus diam, et dictum.
</div>
</div>