Notes are specialized segment to emphasize some content.
@w{note}
Standard note.
@w{/note}
@w{note(header=With a header)}
Headers are slightly bigger and bold.
@w{/note}
@w{note(class=info,header=Information)}
Notes can be informative.
@w{/note}
@w{note(class=warning,header=Warning)}
Warn about something.
@w{/note}
@w{note(class=error,header=Error)}
Inform about an error.
@w{/note}
@w{note(class=positive,header=Positive)}
Positive messages.
@w{/note}
@w{note(class=negative,header=Negative)}
Negative messages.
@w{/note}
@w{note(class=idea,header=Idea)}
Ideas.
@w{/note}
@w{note(class=tech,header=Technical)}
Technical messages.
@w{/note}
@w{note(class=info,header=Colored backgrounds)}
When using colored containers, notes will create a slightly darker background.
@w{/note}
@w{note(class=info,header=Image backgrounds)}
When using image backgrounds, notes will create a slightly darker part of the image.
@w{/note}
@w{note(class=inverted info,header=Dark backgrounds)}
When the container's background is dark, you can specify **inverted** in **class**, and turn colors to white.
@w{/note}