2021-03-30 15:37:30 +02:00
|
|
|
.banner {
|
|
|
|
text-align: center;
|
|
|
|
padding: calc(var(--spacer) / 5) calc(var(--spacer) / 2);
|
|
|
|
border-bottom: 1px solid var(--border-color);
|
|
|
|
background-color: var(--background-content);
|
|
|
|
}
|
|
|
|
|
2021-04-13 10:57:59 +02:00
|
|
|
.banner.error {
|
|
|
|
background-color: var(--brand-alert-red);
|
|
|
|
color: var(--brand-white);
|
|
|
|
}
|
|
|
|
|
|
|
|
.banner.warning {
|
|
|
|
background-color: var(--brand-alert-yellow);
|
|
|
|
color: var(--brand-white);
|
|
|
|
}
|
|
|
|
|
|
|
|
.banner.success {
|
|
|
|
background-color: var(--brand-alert-green);
|
|
|
|
color: var(--brand-white);
|
|
|
|
}
|
|
|
|
|
2021-03-30 15:37:30 +02:00
|
|
|
.banner > div {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.text {
|
|
|
|
font-size: var(--font-size-small);
|
|
|
|
font-weight: var(--font-weight-bold);
|
|
|
|
margin: 0;
|
|
|
|
margin-right: calc(var(--spacer) / 4);
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.text a {
|
|
|
|
color: inherit;
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
|
2022-06-20 16:46:13 +02:00
|
|
|
.link {
|
|
|
|
color: inherit;
|
|
|
|
text-decoration: underline;
|
|
|
|
text-transform: inherit;
|
|
|
|
font-size: var(--font-size-small);
|
|
|
|
}
|
|
|
|
|
2021-03-30 15:37:30 +02:00
|
|
|
.text p:last-child {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|