// Some predefined classes
/**
* Message -- Show different levels of alert messages to users. */
.message-info, .message-warning, .message-danger {
padding: var(--spacer); border-radius: var(--border-radius); color: var(--body-bg-color);
}
.message-info {
background-color: var(--info-color);
}
.message-warning {
background-color: var(--warning-color);
}
.message-danger {
background-color: var(--danger-color);
}
/**
* Alignment */
.align-right {
margin-bottom: 1rem; margin-left: 1rem; float: right;
}
.align-left {
margin-right: 1rem; margin-bottom: 1rem; float: left;
}
.align-center {
display: block; margin-right: auto; margin-left: auto;
}
figcaption.align-right {
text-align: right;
}
figcaption.align-left {
text-align: left;
}
figcaption.align-center {
text-align: center;
}