1
0
mirror of https://github.com/oceanprotocol/market.git synced 2024-06-26 11:16:51 +02:00
market/src/components/@shared/AnnouncementBanner/index.module.css
Jamie Hewitt f20a6a5a48
Opening blog post link in new tab (#1526)
* Opening link in new tab

* Adding styling to link

* Updating button font size
2022-06-20 17:46:13 +03:00

50 lines
910 B
CSS

.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);
}
.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);
}
.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;
}
.link {
color: inherit;
text-decoration: underline;
text-transform: inherit;
font-size: var(--font-size-small);
}
.text p:last-child {
margin-bottom: 0;
}