Messages
Source Code
To initialize the messages on this site we used this piece of less.
.msg {
.genericMsg();
&--success {
.colorizeMsg(@successColor);
}
&--warn {
.colorizeMsg(@warnColor);
}
&--error {
.colorizeMsg(@failColor);
}
}
Default message
This is a standard message.
Hidden Message!
Without is-active the message will not be visible.
Visible Message
Append is-active to show the message.
Success message
Success!
This was successful.
Warning message
Attention!
This is a warning.
Error message
Error!
This was a mistake.
Message with icon
Icon!
This is an inline icon. It changes the color according to its parent.