diff options
Diffstat (limited to '')
| -rw-r--r-- | doc/docs/.vuepress/theme/styles/arrow.styl | 22 | ||||
| -rw-r--r-- | doc/docs/.vuepress/theme/styles/code.styl | 176 | ||||
| -rw-r--r-- | doc/docs/.vuepress/theme/styles/config.styl | 1 | ||||
| -rw-r--r-- | doc/docs/.vuepress/theme/styles/custom-blocks.styl | 44 | ||||
| -rw-r--r-- | doc/docs/.vuepress/theme/styles/index.styl | 202 | ||||
| -rw-r--r-- | doc/docs/.vuepress/theme/styles/mobile.styl | 37 | ||||
| -rw-r--r-- | doc/docs/.vuepress/theme/styles/toc.styl | 3 | ||||
| -rw-r--r-- | doc/docs/.vuepress/theme/styles/wrapper.styl | 9 |
8 files changed, 494 insertions, 0 deletions
diff --git a/doc/docs/.vuepress/theme/styles/arrow.styl b/doc/docs/.vuepress/theme/styles/arrow.styl new file mode 100644 index 0000000..20bffc0 --- /dev/null +++ b/doc/docs/.vuepress/theme/styles/arrow.styl | |||
| @@ -0,0 +1,22 @@ | |||
| 1 | @require './config' | ||
| 2 | |||
| 3 | .arrow | ||
| 4 | display inline-block | ||
| 5 | width 0 | ||
| 6 | height 0 | ||
| 7 | &.up | ||
| 8 | border-left 4px solid transparent | ||
| 9 | border-right 4px solid transparent | ||
| 10 | border-bottom 6px solid $arrowBgColor | ||
| 11 | &.down | ||
| 12 | border-left 4px solid transparent | ||
| 13 | border-right 4px solid transparent | ||
| 14 | border-top 6px solid $arrowBgColor | ||
| 15 | &.right | ||
| 16 | border-top 4px solid transparent | ||
| 17 | border-bottom 4px solid transparent | ||
| 18 | border-left 6px solid $arrowBgColor | ||
| 19 | &.left | ||
| 20 | border-top 4px solid transparent | ||
| 21 | border-bottom 4px solid transparent | ||
| 22 | border-right 6px solid $arrowBgColor | ||
diff --git a/doc/docs/.vuepress/theme/styles/code.styl b/doc/docs/.vuepress/theme/styles/code.styl new file mode 100644 index 0000000..0cb4081 --- /dev/null +++ b/doc/docs/.vuepress/theme/styles/code.styl | |||
| @@ -0,0 +1,176 @@ | |||
| 1 | /* | ||
| 2 | |||
| 3 | Name: Base16 Atelier Sulphurpool Light | ||
| 4 | Author: Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/sulphurpool) | ||
| 5 | |||
| 6 | Prism template by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/prism/) | ||
| 7 | Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) | ||
| 8 | |||
| 9 | */ | ||
| 10 | code[class*="language-"], | ||
| 11 | pre[class*="language-"] { | ||
| 12 | font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace; | ||
| 13 | font-size: 1em; | ||
| 14 | line-height: 1.375; | ||
| 15 | direction: ltr; | ||
| 16 | text-align: left; | ||
| 17 | white-space: pre; | ||
| 18 | word-spacing: normal; | ||
| 19 | word-break: normal; | ||
| 20 | -moz-tab-size: 4; | ||
| 21 | -o-tab-size: 4; | ||
| 22 | tab-size: 4; | ||
| 23 | -webkit-hyphens: none; | ||
| 24 | -moz-hyphens: none; | ||
| 25 | -ms-hyphens: none; | ||
| 26 | hyphens: none; | ||
| 27 | background: #f5f7ff; | ||
| 28 | color: #5e6687; | ||
| 29 | } | ||
| 30 | |||
| 31 | pre > code[class*="language-"] { | ||
| 32 | font-size: 1em; | ||
| 33 | } | ||
| 34 | |||
| 35 | pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, | ||
| 36 | code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection { | ||
| 37 | text-shadow: none; | ||
| 38 | background: #dfe2f1; | ||
| 39 | } | ||
| 40 | |||
| 41 | pre[class*="language-"]::selection, pre[class*="language-"] ::selection, | ||
| 42 | code[class*="language-"]::selection, code[class*="language-"] ::selection { | ||
| 43 | text-shadow: none; | ||
| 44 | background: #dfe2f1; | ||
| 45 | } | ||
| 46 | |||
| 47 | /* Code blocks */ | ||
| 48 | pre[class*="language-"] { | ||
| 49 | padding: 1em; | ||
| 50 | margin: .5em 0; | ||
| 51 | overflow: auto; | ||
| 52 | } | ||
| 53 | |||
| 54 | /* Inline code */ | ||
| 55 | :not(pre) > code[class*="language-"] { | ||
| 56 | padding: .1em; | ||
| 57 | border-radius: .3em; | ||
| 58 | } | ||
| 59 | |||
| 60 | .token.comment, | ||
| 61 | .token.prolog, | ||
| 62 | .token.doctype, | ||
| 63 | .token.cdata { | ||
| 64 | color: #898ea4; | ||
| 65 | } | ||
| 66 | |||
| 67 | .token.punctuation { | ||
| 68 | color: #5e6687; | ||
| 69 | } | ||
| 70 | |||
| 71 | .token.namespace { | ||
| 72 | opacity: .7; | ||
| 73 | } | ||
| 74 | |||
| 75 | .token.operator, | ||
| 76 | .token.boolean, | ||
| 77 | .token.number { | ||
| 78 | color: #c76b29; | ||
| 79 | } | ||
| 80 | |||
| 81 | .token.property { | ||
| 82 | color: #c08b30; | ||
| 83 | } | ||
| 84 | |||
| 85 | .token.tag { | ||
| 86 | color: #3d8fd1; | ||
| 87 | } | ||
| 88 | |||
| 89 | .token.string { | ||
| 90 | color: #22a2c9; | ||
| 91 | } | ||
| 92 | |||
| 93 | .token.selector { | ||
| 94 | color: #6679cc; | ||
| 95 | } | ||
| 96 | |||
| 97 | .token.attr-name { | ||
| 98 | color: #c76b29; | ||
| 99 | } | ||
| 100 | |||
| 101 | .token.entity, | ||
| 102 | .token.url, | ||
| 103 | .language-css .token.string, | ||
| 104 | .style .token.string { | ||
| 105 | color: #22a2c9; | ||
| 106 | } | ||
| 107 | |||
| 108 | .token.attr-value, | ||
| 109 | .token.keyword, | ||
| 110 | .token.control, | ||
| 111 | .token.directive, | ||
| 112 | .token.unit { | ||
| 113 | color: #ac9739; | ||
| 114 | } | ||
| 115 | |||
| 116 | .token.statement, | ||
| 117 | .token.regex, | ||
| 118 | .token.atrule { | ||
| 119 | color: #22a2c9; | ||
| 120 | } | ||
| 121 | |||
| 122 | .token.placeholder, | ||
| 123 | .token.variable { | ||
| 124 | color: #3d8fd1; | ||
| 125 | } | ||
| 126 | |||
| 127 | .token.deleted { | ||
| 128 | text-decoration: line-through; | ||
| 129 | } | ||
| 130 | |||
| 131 | .token.inserted { | ||
| 132 | border-bottom: 1px dotted #202746; | ||
| 133 | text-decoration: none; | ||
| 134 | } | ||
| 135 | |||
| 136 | .token.italic { | ||
| 137 | font-style: italic; | ||
| 138 | } | ||
| 139 | |||
| 140 | .token.important, | ||
| 141 | .token.bold { | ||
| 142 | font-weight: bold; | ||
| 143 | } | ||
| 144 | |||
| 145 | .token.important { | ||
| 146 | color: #c94922; | ||
| 147 | } | ||
| 148 | |||
| 149 | .token.entity { | ||
| 150 | cursor: help; | ||
| 151 | } | ||
| 152 | |||
| 153 | pre > code.highlight { | ||
| 154 | outline: 0.4em solid #c94922; | ||
| 155 | outline-offset: .4em; | ||
| 156 | } | ||
| 157 | |||
| 158 | /* overrides color-values for the Line Numbers plugin | ||
| 159 | * http://prismjs.com/plugins/line-numbers/ | ||
| 160 | */ | ||
| 161 | .line-numbers .line-numbers-rows { | ||
| 162 | border-right-color: #dfe2f1; | ||
| 163 | } | ||
| 164 | |||
| 165 | .line-numbers-rows > span:before { | ||
| 166 | color: #979db4; | ||
| 167 | } | ||
| 168 | |||
| 169 | /* overrides color-values for the Line Highlight plugin | ||
| 170 | * http://prismjs.com/plugins/line-highlight/ | ||
| 171 | */ | ||
| 172 | .line-highlight { | ||
| 173 | background: rgba(107, 115, 148, 0.2); | ||
| 174 | background: -webkit-linear-gradient(left, rgba(107, 115, 148, 0.2) 70%, rgba(107, 115, 148, 0)); | ||
| 175 | background: linear-gradient(to right, rgba(107, 115, 148, 0.2) 70%, rgba(107, 115, 148, 0)); | ||
| 176 | } | ||
diff --git a/doc/docs/.vuepress/theme/styles/config.styl b/doc/docs/.vuepress/theme/styles/config.styl new file mode 100644 index 0000000..9e40321 --- /dev/null +++ b/doc/docs/.vuepress/theme/styles/config.styl | |||
| @@ -0,0 +1 @@ | |||
| $contentClass = '.theme-default-content' | |||
diff --git a/doc/docs/.vuepress/theme/styles/custom-blocks.styl b/doc/docs/.vuepress/theme/styles/custom-blocks.styl new file mode 100644 index 0000000..5b86816 --- /dev/null +++ b/doc/docs/.vuepress/theme/styles/custom-blocks.styl | |||
| @@ -0,0 +1,44 @@ | |||
| 1 | .custom-block | ||
| 2 | .custom-block-title | ||
| 3 | font-weight 600 | ||
| 4 | margin-bottom -0.4rem | ||
| 5 | &.tip, &.warning, &.danger | ||
| 6 | padding .1rem 1.5rem | ||
| 7 | border-left-width .5rem | ||
| 8 | border-left-style solid | ||
| 9 | margin 1rem 0 | ||
| 10 | &.tip | ||
| 11 | background-color #f3f5f7 | ||
| 12 | border-color #42b983 | ||
| 13 | &.warning | ||
| 14 | background-color rgba(255,229,100,.3) | ||
| 15 | border-color darken(#ffe564, 35%) | ||
| 16 | color darken(#ffe564, 70%) | ||
| 17 | .custom-block-title | ||
| 18 | color darken(#ffe564, 50%) | ||
| 19 | a | ||
| 20 | color $textColor | ||
| 21 | &.danger | ||
| 22 | background-color #ffe6e6 | ||
| 23 | border-color darken(red, 20%) | ||
| 24 | color darken(red, 70%) | ||
| 25 | .custom-block-title | ||
| 26 | color darken(red, 40%) | ||
| 27 | a | ||
| 28 | color $textColor | ||
| 29 | &.details | ||
| 30 | display block | ||
| 31 | position relative | ||
| 32 | border-radius 2px | ||
| 33 | margin 1.6em 0 | ||
| 34 | padding 1.6em | ||
| 35 | background-color #eee | ||
| 36 | h4 | ||
| 37 | margin-top 0 | ||
| 38 | figure, p | ||
| 39 | &:last-child | ||
| 40 | margin-bottom 0 | ||
| 41 | padding-bottom 0 | ||
| 42 | summary | ||
| 43 | outline none | ||
| 44 | cursor pointer | ||
diff --git a/doc/docs/.vuepress/theme/styles/index.styl b/doc/docs/.vuepress/theme/styles/index.styl new file mode 100644 index 0000000..ecef658 --- /dev/null +++ b/doc/docs/.vuepress/theme/styles/index.styl | |||
| @@ -0,0 +1,202 @@ | |||
| 1 | @require './config' | ||
| 2 | @require './code' | ||
| 3 | @require './custom-blocks' | ||
| 4 | @require './arrow' | ||
| 5 | @require './wrapper' | ||
| 6 | @require './toc' | ||
| 7 | |||
| 8 | html, body | ||
| 9 | padding 0 | ||
| 10 | margin 0 | ||
| 11 | background-color #fff | ||
| 12 | |||
| 13 | body | ||
| 14 | font-family -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif | ||
| 15 | -webkit-font-smoothing antialiased | ||
| 16 | -moz-osx-font-smoothing grayscale | ||
| 17 | font-size 16px | ||
| 18 | color $textColor | ||
| 19 | |||
| 20 | .page | ||
| 21 | padding-left $sidebarWidth | ||
| 22 | |||
| 23 | .navbar | ||
| 24 | position fixed | ||
| 25 | z-index 20 | ||
| 26 | top 0 | ||
| 27 | left 0 | ||
| 28 | right 0 | ||
| 29 | height $navbarHeight | ||
| 30 | background-color #fff | ||
| 31 | box-sizing border-box | ||
| 32 | border-bottom 1px solid $borderColor | ||
| 33 | |||
| 34 | .sidebar-mask | ||
| 35 | position fixed | ||
| 36 | z-index 9 | ||
| 37 | top 0 | ||
| 38 | left 0 | ||
| 39 | width 100vw | ||
| 40 | height 100vh | ||
| 41 | display none | ||
| 42 | |||
| 43 | .sidebar | ||
| 44 | font-size 16px | ||
| 45 | background-color #fff | ||
| 46 | width $sidebarWidth | ||
| 47 | position fixed | ||
| 48 | z-index 10 | ||
| 49 | margin 0 | ||
| 50 | top $navbarHeight | ||
| 51 | left 0 | ||
| 52 | bottom 0 | ||
| 53 | box-sizing border-box | ||
| 54 | border-right 1px solid $borderColor | ||
| 55 | overflow-y auto | ||
| 56 | |||
| 57 | {$contentClass}:not(.custom) | ||
| 58 | @extend $wrapper | ||
| 59 | > *:first-child | ||
| 60 | margin-top $navbarHeight | ||
| 61 | |||
| 62 | a:hover | ||
| 63 | text-decoration underline | ||
| 64 | |||
| 65 | p.demo | ||
| 66 | padding 1rem 1.5rem | ||
| 67 | border 1px solid #ddd | ||
| 68 | border-radius 4px | ||
| 69 | |||
| 70 | img | ||
| 71 | max-width 100% | ||
| 72 | |||
| 73 | {$contentClass}.custom | ||
| 74 | padding 0 | ||
| 75 | margin 0 | ||
| 76 | |||
| 77 | img | ||
| 78 | max-width 100% | ||
| 79 | |||
| 80 | a | ||
| 81 | font-weight 500 | ||
| 82 | color $accentColor | ||
| 83 | text-decoration none | ||
| 84 | |||
| 85 | p a code | ||
| 86 | font-weight 400 | ||
| 87 | color $accentColor | ||
| 88 | |||
| 89 | kbd | ||
| 90 | background #eee | ||
| 91 | border solid 0.15rem #ddd | ||
| 92 | border-bottom solid 0.25rem #ddd | ||
| 93 | border-radius 0.15rem | ||
| 94 | padding 0 0.15em | ||
| 95 | |||
| 96 | blockquote | ||
| 97 | font-size 1rem | ||
| 98 | color #999; | ||
| 99 | border-left .2rem solid #dfe2e5 | ||
| 100 | margin 1rem 0 | ||
| 101 | padding .25rem 0 .25rem 1rem | ||
| 102 | |||
| 103 | & > p | ||
| 104 | margin 0 | ||
| 105 | |||
| 106 | ul, ol | ||
| 107 | padding-left 1.2em | ||
| 108 | |||
| 109 | strong | ||
| 110 | font-weight 600 | ||
| 111 | |||
| 112 | h1, h2, h3, h4, h5, h6 | ||
| 113 | font-weight 600 | ||
| 114 | line-height 1.25 | ||
| 115 | |||
| 116 | {$contentClass}:not(.custom) > & | ||
| 117 | margin-top (0.5rem - $navbarHeight) | ||
| 118 | padding-top ($navbarHeight + 1rem) | ||
| 119 | margin-bottom 0 | ||
| 120 | |||
| 121 | &:first-child | ||
| 122 | margin-top -1.5rem | ||
| 123 | margin-bottom 1rem | ||
| 124 | |||
| 125 | + p, + pre, + .custom-block | ||
| 126 | margin-top 2rem | ||
| 127 | |||
| 128 | &:focus .header-anchor, | ||
| 129 | &:hover .header-anchor | ||
| 130 | opacity: 1 | ||
| 131 | |||
| 132 | h1 | ||
| 133 | font-size 2.2rem | ||
| 134 | |||
| 135 | h2 | ||
| 136 | font-size 1.65rem | ||
| 137 | padding-bottom .3rem | ||
| 138 | border-bottom 1px solid $borderColor | ||
| 139 | |||
| 140 | h3 | ||
| 141 | font-size 1.35rem | ||
| 142 | |||
| 143 | a.header-anchor | ||
| 144 | font-size 0.85em | ||
| 145 | float left | ||
| 146 | margin-left -0.87em | ||
| 147 | padding-right 0.23em | ||
| 148 | margin-top 0.125em | ||
| 149 | opacity 0 | ||
| 150 | |||
| 151 | &:focus, | ||
| 152 | &:hover | ||
| 153 | text-decoration none | ||
| 154 | |||
| 155 | code, kbd, .line-number | ||
| 156 | font-family Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace | ||
| 157 | |||
| 158 | p, ul, ol | ||
| 159 | line-height 1.7 | ||
| 160 | |||
| 161 | hr | ||
| 162 | border 0 | ||
| 163 | border-top 1px solid $borderColor | ||
| 164 | |||
| 165 | table | ||
| 166 | border-collapse collapse | ||
| 167 | margin 1rem 0 | ||
| 168 | display: block | ||
| 169 | overflow-x: auto | ||
| 170 | |||
| 171 | tr | ||
| 172 | border-top 1px solid #dfe2e5 | ||
| 173 | |||
| 174 | &:nth-child(2n) | ||
| 175 | background-color #f6f8fa | ||
| 176 | |||
| 177 | th, td | ||
| 178 | border 1px solid #dfe2e5 | ||
| 179 | padding .6em 1em | ||
| 180 | |||
| 181 | .theme-container | ||
| 182 | &.sidebar-open | ||
| 183 | .sidebar-mask | ||
| 184 | display: block | ||
| 185 | |||
| 186 | &.no-navbar | ||
| 187 | {$contentClass}:not(.custom) > h1, h2, h3, h4, h5, h6 | ||
| 188 | margin-top 1.5rem | ||
| 189 | padding-top 0 | ||
| 190 | |||
| 191 | .sidebar | ||
| 192 | top 0 | ||
| 193 | |||
| 194 | @media (min-width: ($MQMobile + 1px)) | ||
| 195 | .theme-container.no-sidebar | ||
| 196 | .sidebar | ||
| 197 | display none | ||
| 198 | |||
| 199 | .page | ||
| 200 | padding-left 0 | ||
| 201 | |||
| 202 | @require 'mobile.styl' | ||
diff --git a/doc/docs/.vuepress/theme/styles/mobile.styl b/doc/docs/.vuepress/theme/styles/mobile.styl new file mode 100644 index 0000000..f5bd327 --- /dev/null +++ b/doc/docs/.vuepress/theme/styles/mobile.styl | |||
| @@ -0,0 +1,37 @@ | |||
| 1 | @require './config' | ||
| 2 | |||
| 3 | $mobileSidebarWidth = $sidebarWidth * 0.82 | ||
| 4 | |||
| 5 | // narrow desktop / iPad | ||
| 6 | @media (max-width: $MQNarrow) | ||
| 7 | .sidebar | ||
| 8 | font-size 15px | ||
| 9 | width $mobileSidebarWidth | ||
| 10 | .page | ||
| 11 | padding-left $mobileSidebarWidth | ||
| 12 | |||
| 13 | // wide mobile | ||
| 14 | @media (max-width: $MQMobile) | ||
| 15 | .sidebar | ||
| 16 | top 0 | ||
| 17 | padding-top $navbarHeight | ||
| 18 | transform translateX(-100%) | ||
| 19 | transition transform .2s ease | ||
| 20 | .page | ||
| 21 | padding-left 0 | ||
| 22 | .theme-container | ||
| 23 | &.sidebar-open | ||
| 24 | .sidebar | ||
| 25 | transform translateX(0) | ||
| 26 | &.no-navbar | ||
| 27 | .sidebar | ||
| 28 | padding-top: 0 | ||
| 29 | |||
| 30 | // narrow mobile | ||
| 31 | @media (max-width: $MQMobileNarrow) | ||
| 32 | h1 | ||
| 33 | font-size 1.9rem | ||
| 34 | {$contentClass} | ||
| 35 | div[class*="language-"] | ||
| 36 | margin 0.85rem -1.5rem | ||
| 37 | border-radius 0 | ||
diff --git a/doc/docs/.vuepress/theme/styles/toc.styl b/doc/docs/.vuepress/theme/styles/toc.styl new file mode 100644 index 0000000..d3e7106 --- /dev/null +++ b/doc/docs/.vuepress/theme/styles/toc.styl | |||
| @@ -0,0 +1,3 @@ | |||
| 1 | .table-of-contents | ||
| 2 | .badge | ||
| 3 | vertical-align middle | ||
diff --git a/doc/docs/.vuepress/theme/styles/wrapper.styl b/doc/docs/.vuepress/theme/styles/wrapper.styl new file mode 100644 index 0000000..a99262c --- /dev/null +++ b/doc/docs/.vuepress/theme/styles/wrapper.styl | |||
| @@ -0,0 +1,9 @@ | |||
| 1 | $wrapper | ||
| 2 | max-width $contentWidth | ||
| 3 | margin 0 auto | ||
| 4 | padding 2rem 2.5rem | ||
| 5 | @media (max-width: $MQNarrow) | ||
| 6 | padding 2rem | ||
| 7 | @media (max-width: $MQMobileNarrow) | ||
| 8 | padding 1.5rem | ||
| 9 | |||
