diff --git a/theme/src/main/assets/assets/stylesheets/pekko-theme.css b/theme/src/main/assets/assets/stylesheets/pekko-theme.css index f9f938b..d9531af 100644 --- a/theme/src/main/assets/assets/stylesheets/pekko-theme.css +++ b/theme/src/main/assets/assets/stylesheets/pekko-theme.css @@ -32,16 +32,6 @@ ul.md-nav__links li a { display: inline; } -#incubator__logo { - background-color: white; - float: left; - margin-right:40px; - margin-top:0; - max-width:inherit; - padding:10px; - width:380px -} - /* fix paradox snippet links to fit with material docs style */ /* material docs brings its own copy button, remove ours */ @@ -93,3 +83,41 @@ tbody th, tbody td { tbody tr:nth-child(even) { background-color: #eaeaea; } + + +/* Footer styling */ +.md-footer-meta__inner p { + color: #999; + font-size: 14px; +} + +.md-footer-meta__inner { + box-sizing: border-box; + flex-wrap: wrap; + display: flex; + align-items: center; + justify-content: center; +} + +@media (max-width: 850px) { + .md-footer-meta__inner { + flex-direction: column; + } +} + +.md-footer-meta__inner div { + flex: 1; + text-align: center; +} + +.md-footer-meta__inner .md-footer-copyright { + flex-basis: 100%; +} + +#incubator__logo { + background-color: white; + max-width: inherit; + padding: 10px; + width: 380px; + margin: auto; +} diff --git a/theme/src/main/assets/partials/footer.st b/theme/src/main/assets/partials/footer.st index ca2f52a..9e40060 100644 --- a/theme/src/main/assets/partials/footer.st +++ b/theme/src/main/assets/partials/footer.st @@ -61,13 +61,13 @@ $! $endif$