upgrade material doc; add multi version (#166)

* Fix: update css for material upgrade
* Feat: update ci.yml

.github/workflows/ci.yml

@@ -8,11 +8,24 @@ jobs:
   deploy:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-python@v2
+      - uses: actions/checkout@v3
+      - uses: actions/setup-python@v4
         with:
           python-version: 3.x
-      - run: pip install mkdocs-material==7.2.5 
+      - run: echo "cache_id=$(date --utc '+%V')" >> $GITHUB_ENV 
+      - uses: actions/cache@v3
+        with:
+          key: mkdocs-material-${{ env.cache_id }}
+          path: .cache
+          restore-keys: |
+            mkdocs-material-
+      - run: pip install mkdocs-material==9.1.18
+      - run: pip install mike
       - run: mkdocs --version
       - run: pip show mkdocs-material
-      - run: mkdocs gh-deploy --force
+      - run: git config --global user.name "${GITHUB_ACTOR}"
+      - run: git config --get user.name
+      - run: git config --global user.email "${GITHUB_ACTOR}@users.noreply.github.com"
+      - run: git pull origin gh-pages -r
+      - run: mike set-default main
+      - run: mike deploy --push --update-aliases main latest

docs/stylesheets/extra.css

@@ -29,9 +29,9 @@
   margin-top: 50px;
 }
 
-.md-tabs {
+/* .md-tabs {
   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);
@@ -53,9 +53,13 @@
   border-right: 1px solid #ebedf1;
 }
 
+.md-nav__item--section>.md-nav__link[for] {
+  color: #000;
+}
+
 .md-nav__item--nested > .md-nav__link{
   font-size: 0.8rem;
-  font-weight: 500;
+  font-weight: 600;
 }
 
 .md-sidebar--primary .md-nav__item .md-nav__link--active {
@@ -78,12 +82,6 @@
   padding-left: 3rem;
 }
 
-/* @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;
   font-size: 0.77rem;

mkdocs.yml

@@ -32,6 +32,7 @@ theme:
     - navigation.tracking
     - navigation.tabs.sticky
     - navigation.top
+    - content.code.copy
 
   # palette:
   #   - scheme: default
@@ -88,6 +89,9 @@ markdown_extensions:
 copyright: Copyright © 2022 Loggie.io
 
 extra:
+  version:
+    provider: mike
+
   social:
     - icon: fontawesome/brands/github
       link: https://github.com/loggie-io

overrides/assets/stylesheets/home.css

@@ -19,15 +19,14 @@
   display: none;
 }
 
-@media screen and (min-width: 60em) {
-  .md-sidebar--secondary {
-    display: none;
-  }
+.md-sidebar--primary {
+  display: none !important;
 }
-@media screen and (min-width: 76.25em) {
-  .md-sidebar--primary {
-    display: none;
-  }
+.md-sidebar--secondary {
+  display: none !important;
+}
+.md-content__inner {
+  margin-right: 0 !important;
 }
 
 @keyframes continuousgradient {
@@ -247,7 +246,7 @@ body {
 }
 
 .features-container ul{
-  display: flex;
+  display: flex !important;
   flex-wrap: wrap;
   margin: 0 auto;
 }