mirror of
https://github.com/jlengrand/moderne-docs.git
synced 2026-03-10 08:31:21 +00:00
56 lines
1.1 KiB
CSS
56 lines
1.1 KiB
CSS
:root {
|
|
--docusaurus-announcement-bar-height: auto;
|
|
}
|
|
|
|
.announcementBar {
|
|
display: flex;
|
|
align-items: center;
|
|
height: var(--docusaurus-announcement-bar-height);
|
|
background-color: var(--ifm-color-announcement-bar-bg);
|
|
color: var(--ifm-color-announcement-bar-text);
|
|
|
|
/*
|
|
Unfortunately we can't make announcement bar render above the navbar
|
|
IE need to use border-bottom instead of shadow
|
|
See https://github.com/facebookincubator/infima/issues/275
|
|
|
|
box-shadow: var(--ifm-global-shadow-lw);
|
|
z-index: calc(var(--ifm-z-index-fixed) + 1);
|
|
*/
|
|
border-bottom: 1px solid var(--ifm-color-emphasis-100);
|
|
}
|
|
|
|
html[data-announcement-bar-initially-dismissed='true'] .announcementBar {
|
|
display: none;
|
|
}
|
|
|
|
.announcementBarPlaceholder {
|
|
flex: 0 0 10px;
|
|
}
|
|
|
|
.announcementBarClose {
|
|
flex: 0 0 30px;
|
|
align-self: stretch;
|
|
}
|
|
|
|
.announcementBarContent {
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
@media print {
|
|
.announcementBar {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 997px) {
|
|
:root {
|
|
--docusaurus-announcement-bar-height: 30px;
|
|
}
|
|
|
|
.announcementBarPlaceholder,
|
|
.announcementBarClose {
|
|
flex-basis: 50px;
|
|
}
|
|
}
|