diff options
| -rw-r--r-- | assets/styles.scss | 83 | ||||
| -rw-r--r-- | package.json | 6 |
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": { |