aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorJoe Hand <joe@joeahand.com>2017-06-05 12:03:22 -0700
committerGitHub <noreply@github.com>2017-06-05 12:03:22 -0700
commit8375164018e30c84fc109475efbdd87b28bd1627 (patch)
tree146e3ce928b5865b77f8a62854c3a5d161f914ae
parentd1399d3ea9d3473d9986d1e90aef59de1025c687 (diff)
downloaddat-docs-8375164018e30c84fc109475efbdd87b28bd1627.tar.gz
dat-docs-8375164018e30c84fc109475efbdd87b28bd1627.zip
use minidocs/dat-tachyons (#60)
-rw-r--r--assets/styles.scss83
-rw-r--r--package.json6
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": {