mirror of https://github.com/loggie-io/docs.git
Ethan Foo
GitHub
parent
5125fe3eb4
commit
c86baf1acf
|
|
@ -1,101 +1,94 @@
|
|||
:root {
|
||||
/* --md-primary-fg-color: rgb(53, 112, 227);
|
||||
--md-primary-fg-color--light: rgb(109, 145, 219);
|
||||
--md-primary-fg-color--dark: rgb(41, 99, 214); */
|
||||
/* --md-primary-fg-color: #0056FF;
|
||||
--md-primary-fg-color--light: #5586cf;
|
||||
--md-primary-fg-color--dark: #3d71be; */
|
||||
--md-primary-fg-color: #1a7dc9;
|
||||
--home-color: #0071c7;
|
||||
--nav-item-color: #4d4d4d;
|
||||
|
||||
}
|
||||
|
||||
.md-header__button.md-logo img {
|
||||
width: 5.5rem;
|
||||
height: 1.5rem;
|
||||
}
|
||||
.md-header__button.md-logo {
|
||||
transition-duration: 0.2s;
|
||||
transition-property: transform;
|
||||
}
|
||||
|
||||
.md-header,.md-footer-nav {
|
||||
background-image: linear-gradient(0 deg, rgb(53, 112, 227) 0%, rgb(53, 112, 227) 24%, rgb(46 106 225) 53%, rgb(32 97 223) 78%, rgb(26 94 225) 100%);
|
||||
/* background-color: rgb(53, 112, 227); */
|
||||
}
|
||||
--md-primary-fg-color: #1a7dc9;
|
||||
--home-color: #0071c7;
|
||||
--nav-item-color: #4d4d4d;
|
||||
--md-accent-fg-color: #0071c7;
|
||||
}
|
||||
|
||||
.md-footer {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.md-tabs {
|
||||
/* background-image: linear-gradient(45deg, rgb(53, 112, 227) 0%, rgb(53, 112, 227) 24%, rgb(42, 125, 227) 53%, rgb(27, 141, 226) 78%, rgb(8, 162, 225) 100%); */
|
||||
box-shadow: 0 0 0.2rem rgb(0 0 0 / 10%), 0 0.2rem 0.4rem rgb(0 0 0 / 20%);
|
||||
}
|
||||
|
||||
.md-nav__item--nested>.md-nav__link, .md-nav__item a {
|
||||
color: var(--nav-item-color);
|
||||
}
|
||||
|
||||
.md-nav__item--nested>.md-nav__link:hover {
|
||||
color: var(--md-accent-fg-color);
|
||||
}
|
||||
.md-nav__title .md-nav__button.md-logo img,
|
||||
.md-nav__title .md-nav__button.md-logo svg {
|
||||
width: auto;
|
||||
}
|
||||
.md-header__button.md-logo img {
|
||||
width: 5.5rem;
|
||||
height: 1.5rem;
|
||||
}
|
||||
.md-header__button.md-logo {
|
||||
transition-duration: 0.2s;
|
||||
transition-property: transform;
|
||||
}
|
||||
|
||||
.md-sidebar--primary .md-nav{
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
.md-header,.md-footer-nav {
|
||||
background-image: linear-gradient(0 deg, rgb(53, 112, 227) 0%, rgb(53, 112, 227) 24%, rgb(46 106 225) 53%, rgb(32 97 223) 78%, rgb(26 94 225) 100%);
|
||||
/* background-color: rgb(53, 112, 227); */
|
||||
}
|
||||
|
||||
.md-sidebar--primary .md-sidebar__scrollwrap{
|
||||
border-right: 1px solid #ebedf1;
|
||||
}
|
||||
.md-footer {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.md-nav__item--nested > .md-nav__link{
|
||||
font-size: 0.8rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
/* .md-tabs {
|
||||
box-shadow: 0 0 0.2rem rgb(0 0 0 / 10%), 0 0.2rem 0.4rem rgb(0 0 0 / 20%);
|
||||
} */
|
||||
|
||||
.md-sidebar--primary .md-nav__item .md-nav__link--active {
|
||||
/* background-color: aliceblue; */
|
||||
background: linear-gradient(295deg,#edf8ff,rgba(232,236,244,0));
|
||||
border-right: 2px solid #1a7dc9;
|
||||
}
|
||||
.md-nav__item--nested>.md-nav__link, .md-nav__item a {
|
||||
color: var(--nav-item-color);
|
||||
}
|
||||
|
||||
.md-sidebar--primary .md-nav__item .md-nav__link--active {
|
||||
padding: 0px 0px;
|
||||
}
|
||||
/* .md-nav__icon {
|
||||
width: 0px;
|
||||
} */
|
||||
.md-nav__item--nested>.md-nav__link:hover {
|
||||
color: var(--md-accent-fg-color);
|
||||
}
|
||||
.md-nav__title .md-nav__button.md-logo img,
|
||||
.md-nav__title .md-nav__button.md-logo svg {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.md-grid {
|
||||
max-width: 64rem;
|
||||
}
|
||||
.md-sidebar--primary .md-nav{
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 76.25em) {
|
||||
.md-sidebar--primary:not([hidden])~.md-content>.md-content__inner{
|
||||
margin-left: 1.6rem;
|
||||
}
|
||||
}
|
||||
.md-sidebar--primary .md-sidebar__scrollwrap{
|
||||
border-right: 1px solid #ebedf1;
|
||||
}
|
||||
|
||||
.md-tabs__link {
|
||||
font-weight: 450;
|
||||
}
|
||||
.md-nav__item--nested > .md-nav__link{
|
||||
font-size: 0.8rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.md-tabs__link .md-tabs__link--active {
|
||||
font-weight: 500;
|
||||
border-bottom: 2px solid white;
|
||||
}
|
||||
.md-sidebar--primary .md-nav__item .md-nav__link--active {
|
||||
background: linear-gradient(295deg,#edf8ff,rgba(232,236,244,0));
|
||||
border-right: 2px solid #1a7dc9;
|
||||
}
|
||||
|
||||
.md-typeset h1 {
|
||||
font-weight: 500;
|
||||
color: #000000a1;
|
||||
}
|
||||
.md-sidebar--primary .md-nav__item .md-nav__link--active {
|
||||
padding: 0px 0px;
|
||||
}
|
||||
/* .md-nav__icon {
|
||||
width: 0px;
|
||||
} */
|
||||
|
||||
.md-typeset h2 {
|
||||
font-weight: 440;
|
||||
}
|
||||
.md-grid {
|
||||
max-width: 64rem;
|
||||
}
|
||||
|
||||
/* @media screen and (min-width: 76.25em) {
|
||||
.md-sidebar--primary:not([hidden])~.md-content>.md-content__inner{
|
||||
margin-left: 1.6rem;
|
||||
}
|
||||
} */
|
||||
|
||||
.md-tabs__link {
|
||||
font-weight: 450;
|
||||
}
|
||||
|
||||
.md-tabs__link .md-tabs__link--active {
|
||||
font-weight: 500;
|
||||
border-bottom: 2px solid white;
|
||||
}
|
||||
|
||||
.md-typeset h1 {
|
||||
font-weight: 500;
|
||||
color: #000000a1;
|
||||
}
|
||||
|
||||
.md-typeset h2 {
|
||||
font-weight: 440;
|
||||
}
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
INHERIT: nav.yml
|
||||
|
||||
site_name: Loggie
|
||||
site_name: ' '
|
||||
|
||||
site_description: Loggie Documentation
|
||||
extra_css:
|
||||
|
|
@ -30,13 +30,13 @@ theme:
|
|||
|
||||
# palette:
|
||||
# - scheme: default
|
||||
# primary: white
|
||||
# primary: indigo
|
||||
# accent: indigo
|
||||
# toggle:
|
||||
# icon: material/toggle-switch-off-outline
|
||||
# name: Switch to dark mode
|
||||
# - scheme: slate
|
||||
# primary: red
|
||||
# primary: white
|
||||
# accent: red
|
||||
# toggle:
|
||||
# icon: material/toggle-switch
|
||||
|
|
|
|||
|
|
@ -1,248 +1,250 @@
|
|||
.md-main__inner {
|
||||
margin: 0;
|
||||
max-width: 100%;
|
||||
margin: 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.md-main__inner .md-content__inner,
|
||||
.md-sidebar--primary:not([hidden]) ~ .md-content > .md-content__inner {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 76.25em) {
|
||||
[dir=ltr] .md-sidebar--primary:not([hidden])~.md-content>.md-content__inner {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.md-main__inner .md-content__inner,
|
||||
.md-sidebar--primary:not([hidden]) ~ .md-content > .md-content__inner {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.md-main__inner .md-content__inner:before {
|
||||
}
|
||||
|
||||
.md-main__inner .md-content__inner:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 60em) {
|
||||
.md-sidebar--secondary {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 60em) {
|
||||
.md-sidebar--secondary {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 76.25em) {
|
||||
.md-sidebar--primary {
|
||||
display: none;
|
||||
}
|
||||
@media screen and (min-width: 76.25em) {
|
||||
.md-sidebar--primary {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes continuousgradient {
|
||||
0% {background-position: 0% 50%;}
|
||||
50% {background-position: 100% 50%;}
|
||||
100% {background-position: 0% 50%;}
|
||||
}
|
||||
|
||||
.animated-gradient {
|
||||
animation-name: continuousgradient;
|
||||
background: linear-gradient(-45deg, #095a99, #095a99);
|
||||
animation-duration: 12s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: ease-in-out;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-end;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 300% 100%;
|
||||
/* opacity: 0.4; */
|
||||
z-index: -1;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.animated-gradient img {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.md-typeset img,
|
||||
.md-typeset svg {
|
||||
max-width: initial;
|
||||
}
|
||||
|
||||
/* Fixes logo aspect ratio in Safari */
|
||||
section.home-container img {
|
||||
object-fit: contain;
|
||||
object-position: right;
|
||||
}
|
||||
|
||||
section.home-container {
|
||||
min-height: 435px;
|
||||
justify-content: center;
|
||||
color: #fff;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-bottom: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.home-container > .md-typeset {
|
||||
flex-grow: 2;
|
||||
}
|
||||
|
||||
body {
|
||||
color: #fff;
|
||||
background: var(--md-primary-fg-color);
|
||||
background: #095a99;
|
||||
background: #0071c7;
|
||||
background: var(--home-color);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@keyframes continuousgradient {
|
||||
0% {background-position: 0% 50%;}
|
||||
50% {background-position: 100% 50%;}
|
||||
100% {background-position: 0% 50%;}
|
||||
}
|
||||
|
||||
.animated-gradient {
|
||||
animation-name: continuousgradient;
|
||||
background: linear-gradient(-45deg, #095a99, #095a99);
|
||||
animation-duration: 12s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: ease-in-out;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-end;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 300% 100%;
|
||||
/* opacity: 0.4; */
|
||||
z-index: -1;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.animated-gradient img {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.md-typeset img,
|
||||
.md-typeset svg {
|
||||
max-width: initial;
|
||||
}
|
||||
|
||||
/* Fixes logo aspect ratio in Safari */
|
||||
section.home-container img {
|
||||
object-fit: contain;
|
||||
object-position: right;
|
||||
}
|
||||
|
||||
section.home-container {
|
||||
min-height: 435px;
|
||||
justify-content: center;
|
||||
color: #fff;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-bottom: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.home-container > .md-typeset {
|
||||
flex-grow: 2;
|
||||
}
|
||||
|
||||
body {
|
||||
color: #fff;
|
||||
background: var(--md-primary-fg-color);
|
||||
background: #095a99;
|
||||
background: #0071c7;
|
||||
background: var(--home-color);
|
||||
}
|
||||
|
||||
.whats-next-container,
|
||||
.usedby-container,
|
||||
.home-container,
|
||||
.features-container,
|
||||
.intro-container,
|
||||
.components-container {
|
||||
margin: 0;
|
||||
border: 0;
|
||||
padding-top: 2em;
|
||||
padding-bottom: 5em;
|
||||
}
|
||||
|
||||
.home-container .md-button {
|
||||
margin-top: 0.5rem;
|
||||
margin-right: 0.5rem;
|
||||
color: var(--md-primary-bg-color);
|
||||
}
|
||||
|
||||
.home-container .md-button--primary {
|
||||
background-color: var(--md-primary-bg-color);
|
||||
color: #095a99;
|
||||
border-color: var(--md-primary-bg-color);
|
||||
}
|
||||
|
||||
.home-container h1 {
|
||||
color: #fff;
|
||||
font-weight: bolder;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.home-container h2 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.whats-next-container {
|
||||
color: #fff;
|
||||
background: #1b2f52;
|
||||
}
|
||||
|
||||
.whats-next-container .component-flex {
|
||||
display: flex;
|
||||
gap: 2em;
|
||||
padding-top: 1em;
|
||||
}
|
||||
|
||||
.whats-next-container .pane h4 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
.whats-next-container .twemoji {
|
||||
color: #fff;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.whats-next-container .twemoji, .whats-next-container .twemoji svg {
|
||||
height: 3.5em;
|
||||
width: 3.5em;
|
||||
}
|
||||
|
||||
.whats-next-container .pane {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.whats-next-container .md-button {
|
||||
display: inline-block;
|
||||
margin: 0.5em auto;
|
||||
}
|
||||
|
||||
.intro-container img {
|
||||
height: 10em;
|
||||
float: right;
|
||||
margin: 0 0 0 2em;
|
||||
}
|
||||
|
||||
.usedby-container {
|
||||
background: #fff;
|
||||
color: #000;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.usedby-container #usedby-title {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.usedby-container #usedby {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.usedby-container #usedby-more {
|
||||
font-style: italic;
|
||||
font-size: smaller;
|
||||
color: #aaa;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.usedby-container .logo {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 3em 1em;
|
||||
width: 150pt;
|
||||
height: 36pt;
|
||||
}
|
||||
|
||||
.usedby-container .logo img {
|
||||
max-width: 150pt;
|
||||
max-height: 36pt;
|
||||
}
|
||||
|
||||
.features-container {
|
||||
color: #000;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
/* @media only screen and (max-width: 1440px) {
|
||||
.components-container,
|
||||
.whats-next-container,
|
||||
.usedby-container,
|
||||
.home-container,
|
||||
.features-container,
|
||||
.intro-container,
|
||||
.components-container {
|
||||
margin: 0;
|
||||
border: 0;
|
||||
padding-top: 2em;
|
||||
padding-bottom: 5em;
|
||||
.intro-container {
|
||||
padding: 40px;
|
||||
}
|
||||
|
||||
.home-container .md-button {
|
||||
margin-top: 0.5rem;
|
||||
margin-right: 0.5rem;
|
||||
color: var(--md-primary-bg-color);
|
||||
}
|
||||
|
||||
.home-container .md-button--primary {
|
||||
background-color: var(--md-primary-bg-color);
|
||||
color: #095a99;
|
||||
border-color: var(--md-primary-bg-color);
|
||||
}
|
||||
|
||||
.home-container h1 {
|
||||
color: #fff;
|
||||
font-weight: bolder;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.home-container h2 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.whats-next-container {
|
||||
color: #fff;
|
||||
background: #1b2f52;
|
||||
}
|
||||
|
||||
.whats-next-container .component-flex {
|
||||
display: flex;
|
||||
gap: 2em;
|
||||
padding-top: 1em;
|
||||
}
|
||||
|
||||
.whats-next-container .pane h4 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
.whats-next-container .twemoji {
|
||||
color: #fff;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.whats-next-container .twemoji, .whats-next-container .twemoji svg {
|
||||
height: 3.5em;
|
||||
width: 3.5em;
|
||||
}
|
||||
|
||||
.whats-next-container .pane {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.whats-next-container .md-button {
|
||||
display: inline-block;
|
||||
margin: 0.5em auto;
|
||||
}
|
||||
|
||||
.intro-container img {
|
||||
height: 10em;
|
||||
float: right;
|
||||
margin: 0 0 0 2em;
|
||||
}
|
||||
|
||||
.usedby-container {
|
||||
background: #fff;
|
||||
color: #000;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.usedby-container #usedby-title {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.usedby-container #usedby {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
.component-flex {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.usedby-container #usedby-more {
|
||||
font-style: italic;
|
||||
font-size: smaller;
|
||||
color: #aaa;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.usedby-container .logo {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 3em 1em;
|
||||
width: 150pt;
|
||||
height: 36pt;
|
||||
}
|
||||
|
||||
.usedby-container .logo img {
|
||||
max-width: 150pt;
|
||||
max-height: 36pt;
|
||||
}
|
||||
|
||||
.features-container {
|
||||
color: #000;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1440px) {
|
||||
.components-container,
|
||||
.whats-next-container,
|
||||
.usedby-container,
|
||||
.home-container,
|
||||
.features-container,
|
||||
.intro-container {
|
||||
padding: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
.component-flex {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.intro-container img {
|
||||
display: block;
|
||||
margin:0 auto;
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
|
||||
/*fixing issue in safari css */
|
||||
.md-typeset .task-list-item {
|
||||
margin-left: 25px;
|
||||
}
|
||||
|
||||
/* No next/prev links on home page so make sure next/prev area of footer collapses nicely */
|
||||
footer nav.md-footer__inner {
|
||||
padding: 0;
|
||||
}
|
||||
footer .md-footer-meta .md-footer-meta__inner {
|
||||
padding: 1em 0;
|
||||
}
|
||||
|
||||
.md-footer {
|
||||
margin-top: 0px;
|
||||
|
||||
.intro-container img {
|
||||
display: block;
|
||||
margin:0 auto;
|
||||
float: none;
|
||||
}
|
||||
} */
|
||||
|
||||
|
||||
/* No next/prev links on home page so make sure next/prev area of footer collapses nicely */
|
||||
footer nav.md-footer__inner {
|
||||
padding: 0;
|
||||
}
|
||||
footer .md-footer-meta .md-footer-meta__inner {
|
||||
padding: 1em 0;
|
||||
}
|
||||
|
||||
.md-footer {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,2 +1 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% extends "base.html" %}
|
||||
Loading…
Reference in New Issue