Notes

Notes are very simple text boxes. They are basic and similar to alert boxes or bloquoute but are useful for emphasizing a particular information.

Simply adds a border with a background div

.note

Using modifiers like _primary, _success, _shadow, _box etc will further shape and alter the design of the alert boxes. Learn more here.

Example

The static alert boxes

A simple static fixed alert box.

<p class="note">
A simple note.
</p>

A mixed up note

You can use div tag to control note as a block.

<div class="note _bc-success _f-pink _nightblue _shadow">This seem a bit more different isn't it?<br>
And then you can add extra <code>things</code>
<ul><li>Even extra listings</li></ul>
</div>