diff options
Diffstat (limited to 'doc/docs/.vuepress/theme/styles')
-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 | |||