mirror of
https://github.com/Snigdha-OS/documentation.git
synced 2025-12-22 06:53:52 +01:00
63 lines
1.2 KiB
CSS
63 lines
1.2 KiB
CSS
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*/
|
|
|
|
:root {
|
|
--docusaurus-announcement-bar-height: auto;
|
|
}
|
|
|
|
.announcementBar {
|
|
display: flex;
|
|
align-items: center;
|
|
height: var(--docusaurus-announcement-bar-height);
|
|
background-color: var(--ifm-color-white);
|
|
color: var(--ifm-color-black);
|
|
|
|
/*
|
|
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;
|
|
}
|
|
}
|