aboutsummaryrefslogtreecommitdiff
path: root/doc/docs/.vuepress/theme/styles
diff options
context:
space:
mode:
Diffstat (limited to 'doc/docs/.vuepress/theme/styles')
-rw-r--r--doc/docs/.vuepress/theme/styles/arrow.styl22
-rw-r--r--doc/docs/.vuepress/theme/styles/code.styl176
-rw-r--r--doc/docs/.vuepress/theme/styles/config.styl1
-rw-r--r--doc/docs/.vuepress/theme/styles/custom-blocks.styl44
-rw-r--r--doc/docs/.vuepress/theme/styles/index.styl202
-rw-r--r--doc/docs/.vuepress/theme/styles/mobile.styl37
-rw-r--r--doc/docs/.vuepress/theme/styles/toc.styl3
-rw-r--r--doc/docs/.vuepress/theme/styles/wrapper.styl9
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
3Name: Base16 Atelier Sulphurpool Light
4Author: Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/sulphurpool)
5
6Prism template by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/prism/)
7Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
8
9*/
10code[class*="language-"],
11pre[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
31pre > code[class*="language-"] {
32 font-size: 1em;
33}
34
35pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
36code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
37 text-shadow: none;
38 background: #dfe2f1;
39}
40
41pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
42code[class*="language-"]::selection, code[class*="language-"] ::selection {
43 text-shadow: none;
44 background: #dfe2f1;
45}
46
47/* Code blocks */
48pre[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
153pre > 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
8html, body
9 padding 0
10 margin 0
11 background-color #fff
12
13body
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
80a
81 font-weight 500
82 color $accentColor
83 text-decoration none
84
85p a code
86 font-weight 400
87 color $accentColor
88
89kbd
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
96blockquote
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
106ul, ol
107 padding-left 1.2em
108
109strong
110 font-weight 600
111
112h1, 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
132h1
133 font-size 2.2rem
134
135h2
136 font-size 1.65rem
137 padding-bottom .3rem
138 border-bottom 1px solid $borderColor
139
140h3
141 font-size 1.35rem
142
143a.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
155code, 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
158p, ul, ol
159 line-height 1.7
160
161hr
162 border 0
163 border-top 1px solid $borderColor
164
165table
166 border-collapse collapse
167 margin 1rem 0
168 display: block
169 overflow-x: auto
170
171tr
172 border-top 1px solid #dfe2e5
173
174 &:nth-child(2n)
175 background-color #f6f8fa
176
177th, 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