|
|
|
|
|
|
|
@use 'header';
|
|
|
|
|
|
|
|
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Any CSS included here will be global. The classic template
|
|
|
|
* bundles Infima by default. Infima is a CSS framework designed to
|
|
|
|
* work well for content-centric websites.
|
|
|
|
*/
|
|
|
|
|
|
|
|
/* You can override the default Infima variables here. */
|
|
|
|
:root {
|
|
|
|
--ifm-color-primary: #3498db;
|
|
|
|
--ifm-color-primary-dark: #2980b9;
|
|
|
|
--ifm-color-primary-darker: #2471a3;
|
|
|
|
--ifm-color-primary-darkest: #1f618d;
|
|
|
|
--ifm-color-primary-light: #5fa8d0;
|
|
|
|
--ifm-color-primary-lighter: #76b9e0;
|
|
|
|
--ifm-color-primary-lightest: #a5d8ff;
|
|
|
|
--ifm-code-font-size: 95%;
|
|
|
|
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
|
|
|
|
}
|
|
|
|
|
|
|
|
/* For readability concerns, you should choose a lighter palette in dark mode. */
|
|
|
|
[data-theme='dark'] {
|
|
|
|
--ifm-color-primary: #258cc2;
|
|
|
|
--ifm-color-primary-dark: #2074a0;
|
|
|
|
--ifm-color-primary-darker: #1d6a8e;
|
|
|
|
--ifm-color-primary-darkest: #1a5779;
|
|
|
|
--ifm-color-primary-light: #29a7d5;
|
|
|
|
--ifm-color-primary-lighter: #32b9e1;
|
|
|
|
--ifm-color-primary-lightest: #4fcbe9;
|
|
|
|
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
|
|
|
|
}
|
|
|
|
|
|
|
|
.markdown img {
|
|
|
|
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
|
|
|
|
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
|
|
|
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
|
|
|
|
}
|
|
|
|
|
|
|
|
[data-theme='light'] .DocSearch {
|
|
|
|
/* --docsearch-primary-color: var(--ifm-color-primary); */
|
|
|
|
/* --docsearch-text-color: var(--ifm-font-color-base); */
|
|
|
|
--docsearch-muted-color: var(--ifm-color-secondary-darkest);
|
|
|
|
--docsearch-container-background: rgba(94, 100, 112, 0.7);
|
|
|
|
/* Modal */
|
|
|
|
--docsearch-modal-background: var(--ifm-color-secondary-lighter);
|
|
|
|
/* Search box */
|
|
|
|
--docsearch-searchbox-background: var(--ifm-color-secondary);
|
|
|
|
--docsearch-searchbox-focus-background: var(--ifm-color-white);
|
|
|
|
/* Hit */
|
|
|
|
--docsearch-hit-color: var(--ifm-font-color-base);
|
|
|
|
--docsearch-hit-active-color: var(--ifm-color-white);
|
|
|
|
--docsearch-hit-background: var(--ifm-color-white);
|
|
|
|
/* Footer */
|
|
|
|
--docsearch-footer-background: var(--ifm-color-white);
|
|
|
|
}
|
|
|
|
|
|
|
|
[data-theme='dark'] .DocSearch {
|
|
|
|
--docsearch-text-color: var(--ifm-font-color-base);
|
|
|
|
--docsearch-muted-color: var(--ifm-color-secondary-darkest);
|
|
|
|
--docsearch-container-background: rgba(47, 55, 69, 0.7);
|
|
|
|
/* Modal */
|
|
|
|
--docsearch-modal-background: var(--ifm-background-color);
|
|
|
|
/* Search box */
|
|
|
|
--docsearch-searchbox-background: var(--ifm-background-color);
|
|
|
|
--docsearch-searchbox-focus-background: var(--ifm-color-black);
|
|
|
|
/* Hit */
|
|
|
|
--docsearch-hit-color: var(--ifm-font-color-base);
|
|
|
|
--docsearch-hit-active-color: var(--ifm-color-white);
|
|
|
|
--docsearch-hit-background: var(--ifm-color-emphasis-100);
|
|
|
|
/* Footer */
|
|
|
|
--docsearch-footer-background: var(--ifm-background-surface-color);
|
|
|
|
--docsearch-key-gradient: linear-gradient(
|
|
|
|
-26.5deg,
|
|
|
|
var(--ifm-color-emphasis-200) 0%,
|
|
|
|
var(--ifm-color-emphasis-100) 100%
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 768px) {
|
|
|
|
.DocSearch.DocSearch-Button{
|
|
|
|
width: 200px;
|
|
|
|
position: fixed;
|
|
|
|
left:50%;
|
|
|
|
transform: translateX(-50%);
|
|
|
|
top: 12px;
|
|
|
|
}
|
|
|
|
}
|