Using notes
Notes are specialized segment to emphasize some content.
Standard note.
@w{note}
Standard note.
@w{/note}
With a header
Headers are slightly bigger and bold.
@w{note(header=With a header)}
Headers are slightly bigger and bold.
@w{/note}
Information
Notes can be informative.
@w{note(class=info,header=Information)}
Notes can be informative.
@w{/note}
Warning
Warn about something.
@w{note(class=warning,header=Warning)}
Warn about something.
@w{/note}
Error
Inform about an error.
@w{note(class=error,header=Error)}
Inform about an error.
@w{/note}
Positive
Positive messages.
@w{note(class=positive,header=Positive)}
Positive messages.
@w{/note}
Negative
Negative messages.
@w{note(class=negative,header=Negative)}
Negative messages.
@w{/note}
Idea
Ideas.
@w{note(class=idea,header=Idea)}
Ideas.
@w{/note}
Technical
Technical messages.
@w{note(class=tech,header=Technical)}
Technical messages.
@w{/note}
Colored backgrounds
When using colored containers, notes will create a slightly darker background.
@w{note(class=info,header=Colored backgrounds)}
When using colored containers, notes will create a slightly darker background.
@w{/note}
Image backgrounds
When using image backgrounds, notes will create a slightly darker part of the image.
@w{note(class=info,header=Image backgrounds)}
When using image backgrounds, notes will create a slightly darker part of the image.
@w{/note}
Dark backgrounds
When the container's background is dark, you can specify inverted in class, and turn colors to white.
@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}
| English | 07/20/26 07:02 | Lluís Turró Cutiller | |
| English | 07/21/26 00:49 | Lluís Turró Cutiller | |
| English | 07/21/26 07:28 | Lluís Turró Cutiller |
