use minidocs/dat-tachyons (#60)

2 files changed, 62 insertions, 27 deletions

diff --git a/assets/styles.scss b/assets/styles.scss
index f3dce2e..dc1af7f 100644
--- a/assets/styles.scss
+++ b/assets/styles.scss
@@ -1,10 +1,8 @@
 @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);
 
+@import "~dat-design/scss/base.scss";
 // ugly selector needed to overwrite default styles
-body #choo-root.minidocs {
-  @import '~dat-design/scss/variables/colors.scss';
-  @import '~dat-design/scss/variables/transitions.scss';
-  @import '~dat-design/scss/base/links.scss';
+#choo-root.minidocs {
 
   font-family: 'Source Sans Pro', 'Helvetica Neue', 'Lucida Grande', Arial, sans-serif;
   line-height: 1.5;
@@ -21,19 +19,19 @@ body #choo-root.minidocs {
     transition-timing-function: $transition-timing-function;
   }
 
-  .minidocs-header {
-    margin: 0;
-  }
+  // .minidocs-header {
+  //   margin: 0;
+  // }
 
-  .minidocs-logo {
-    max-height: 100px;
-    width: inherit;
-    display: block;
-  }
+  // .minidocs-logo {
+  //   max-height: 100px;
+  //   width: inherit;
+  //   display: block;
+  // }
 
   .minidocs-content {
-    padding-bottom: 50px;
-    max-width: 48em; // sets a max-width to avoid endless lines on wide screens
+    // padding-bottom: 50px;
+    // max-width: 48em; // sets a max-width to avoid endless lines on wide screens
   }
 
   .minidocs-sidebar {
@@ -45,15 +43,15 @@ body #choo-root.minidocs {
     .h1::before {
       display: none;
     }
-    .h1, .h2, .h3 {
-      font-weight: 400;
-    }
-    .h1, .h2 {
-      margin-bottom: 8px;
-    }
-    .h2 {
-      font-size: 1.4em;
-    }
+    // .h1, .h2, .h3 {
+    //   font-weight: 400;
+    // }
+    // .h1, .h2 {
+    //   margin-bottom: 8px;
+    // }
+    // .h2 {
+    //   font-size: 1.4em;
+    // }
     .content-link {
       transition-property: background-color, color, border-color, padding-left;
       color: $color-neutral--80;
@@ -70,4 +68,41 @@ body #choo-root.minidocs {
       }
     }
   }
-}
+
+  .minidocs-header {
+    background-color: $color-neutral;
+  }
+
+  /* header */
+  .minidocs-header-link {
+    font-size: .875rem;
+    letter-spacing: 0.05em;
+    color: $color-neutral--30;
+    &:hover, &:focus {
+      color: $color-white;
+      text-decoration: none;
+    }
+  }
+
+  @media screen and (max-width: $sm) {
+    .hidden-on-mobile {
+      display: none;
+    }
+  }
+
+  .minidocs-header-logo {
+    font-size: 1.5rem;
+    font-weight: 600;
+    color: $color-neutral--10;
+    letter-spacing: .025em;
+    img {
+      transition: transform .5s ease-in-out;
+    }
+    &:hover, &:focus {
+      // color: $color-green;
+      img {
+        transform: rotate(360deg);
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/package.json b/package.json
index ce80a13..0eef074 100644
--- a/package.json
+++ b/package.json
@@ -8,8 +8,8 @@
     "update": "npm run update:list && npm run update:build",
     "update:list": "curl -Ssl https://raw.githubusercontent.com/datproject/awesome-dat/master/readme.md | grep '📔' | egrep -o 'github.com/[a-zA-Z0-9_-]+/[a-zA-Z0-9_-]+' | cut -f 2- -d / | uniq > repos.txt",
     "update:build": "cat repos.txt | ecosystem-docs sync && cat repos.txt | ecosystem-docs read | node scripts/build.js",
-    "build:local": "npm run build:css && minidocs docs -c docs/contents.json -i intro -o dist  -l ./node_modules/dat-design/public/img/dat-data-logo.svg -t 'Dat Documentation' -s assets/styles.css --assets assets --pushstate",
-    "build:deploy": "npm run build:css && minidocs docs -c docs/contents.json -i intro -o dist -l ./node_modules/dat-design/public/img/dat-data-logo.svg -t 'Dat Documentation' -s assets/styles.css --assets assets --full-html",
+    "build:local": "npm run build:css && minidocs docs -c docs/contents.json -o dist  -l ./node_modules/dat-design/public/img/dat-hexagon.svg -t 'Dat Documentation' -s assets/styles.css --assets assets --pushstate",
+    "build:deploy": "npm run build:css && minidocs docs -c docs/contents.json -o dist -l ./node_modules/dat-design/public/img/dat-hexagon.svg -t 'Dat Documentation' -s assets/styles.css --assets assets --full-html",
     "build:css": "node-sass --importer node_modules/node-sass-magic-importer assets/styles.scss assets/styles.css",
     "watch:css": "nodemon -e scss -x \"npm run build:local\"",
     "netlify": "npm run update:token && npm run build:deploy",
@@ -31,7 +31,7 @@
   "dependencies": {
     "dat-design": "^1.2.11",
     "gh-pages": "^0.11.0",
-    "minidocs": "^4.0.5",
+    "minidocs": "github:datproject/minidocs#dat-tachyons",
     "split2": "^2.1.0"
   },
   "devDependencies": {