just-the-docs 0.3.3 → 0.4.0.rc1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/CHANGELOG.md +484 -0
- data/README.md +18 -5
- data/_includes/css/callouts.scss.liquid +93 -0
- data/_includes/css/just-the-docs.scss.liquid +2 -1
- data/_includes/favicon.html +1 -0
- data/_includes/head.html +6 -1
- data/_includes/icons/external_link.html +5 -0
- data/_includes/mermaid_config.js +1 -0
- data/_includes/nav.html +48 -5
- data/_includes/nav_footer_custom.html +0 -0
- data/_includes/search_placeholder_custom.html +1 -0
- data/_layouts/default.html +52 -29
- data/_sass/base.scss +5 -4
- data/_sass/buttons.scss +0 -2
- data/_sass/code.scss +20 -211
- data/_sass/color_schemes/dark.scss +15 -4
- data/_sass/color_schemes/light.scss +208 -0
- data/_sass/content.scss +27 -19
- data/_sass/custom/custom.scss +4 -0
- data/_sass/labels.scss +1 -2
- data/_sass/layout.scss +3 -2
- data/_sass/modules.scss +1 -5
- data/_sass/navigation.scss +29 -3
- data/_sass/print.scss +1 -1
- data/_sass/search.scss +1 -2
- data/_sass/support/_functions.scss +4 -4
- data/_sass/support/_variables.scss +8 -32
- data/_sass/support/mixins/_layout.scss +1 -1
- data/_sass/tables.scss +1 -2
- data/_sass/typography.scss +6 -6
- data/_sass/utilities/_colors.scss +0 -2
- data/_sass/utilities/_layout.scss +9 -3
- data/_sass/utilities/_lists.scss +1 -3
- data/_sass/utilities/_spacing.scss +1 -4
- data/_sass/utilities/_typography.scss +0 -6
- data/_sass/vendor/OneDarkJekyll/LICENSE +21 -0
- data/_sass/vendor/OneDarkJekyll/README.md +25 -0
- data/_sass/vendor/OneDarkJekyll/colors.less +30 -0
- data/_sass/vendor/OneDarkJekyll/syntax-firewatch-green.scss +200 -0
- data/_sass/vendor/OneDarkJekyll/syntax-firewatch.scss +200 -0
- data/_sass/vendor/OneDarkJekyll/syntax-one-dark-vivid.scss +200 -0
- data/_sass/vendor/OneDarkJekyll/syntax-one-dark.scss +200 -0
- data/_sass/vendor/OneDarkJekyll/syntax-variables.less +56 -0
- data/_sass/vendor/OneDarkJekyll/syntax.less +93 -0
- data/_sass/vendor/normalize.scss/normalize.scss +4 -2
- data/assets/images/large-image.jpg +0 -0
- data/assets/images/small-image.jpg +0 -0
- data/assets/js/just-the-docs.js +15 -2
- data/assets/js/zzzz-search-data.json +3 -3
- data/favicon.ico +0 -0
- data/lib/tasks/search.rake +1 -1
- metadata +36 -17
|
@@ -0,0 +1,208 @@
|
|
|
1
|
+
// Moved from _sass/code.scss
|
|
2
|
+
|
|
3
|
+
.highlight .c {
|
|
4
|
+
color: #586e75;
|
|
5
|
+
} // comment //
|
|
6
|
+
.highlight .err {
|
|
7
|
+
color: #93a1a1;
|
|
8
|
+
} // error //
|
|
9
|
+
.highlight .g {
|
|
10
|
+
color: #93a1a1;
|
|
11
|
+
} // generic //
|
|
12
|
+
.highlight .k {
|
|
13
|
+
color: #859900;
|
|
14
|
+
} // keyword //
|
|
15
|
+
.highlight .l {
|
|
16
|
+
color: #93a1a1;
|
|
17
|
+
} // literal //
|
|
18
|
+
.highlight .n {
|
|
19
|
+
color: #93a1a1;
|
|
20
|
+
} // name //
|
|
21
|
+
.highlight .o {
|
|
22
|
+
color: #859900;
|
|
23
|
+
} // operator //
|
|
24
|
+
.highlight .x {
|
|
25
|
+
color: #cb4b16;
|
|
26
|
+
} // other //
|
|
27
|
+
.highlight .p {
|
|
28
|
+
color: #93a1a1;
|
|
29
|
+
} // punctuation //
|
|
30
|
+
.highlight .cm {
|
|
31
|
+
color: #586e75;
|
|
32
|
+
} // comment.multiline //
|
|
33
|
+
.highlight .cp {
|
|
34
|
+
color: #859900;
|
|
35
|
+
} // comment.preproc //
|
|
36
|
+
.highlight .c1 {
|
|
37
|
+
color: #586e75;
|
|
38
|
+
} // comment.single //
|
|
39
|
+
.highlight .cs {
|
|
40
|
+
color: #859900;
|
|
41
|
+
} // comment.special //
|
|
42
|
+
.highlight .gd {
|
|
43
|
+
color: #2aa198;
|
|
44
|
+
} // generic.deleted //
|
|
45
|
+
.highlight .ge {
|
|
46
|
+
font-style: italic;
|
|
47
|
+
color: #93a1a1;
|
|
48
|
+
} // generic.emph //
|
|
49
|
+
.highlight .gr {
|
|
50
|
+
color: #dc322f;
|
|
51
|
+
} // generic.error //
|
|
52
|
+
.highlight .gh {
|
|
53
|
+
color: #cb4b16;
|
|
54
|
+
} // generic.heading //
|
|
55
|
+
.highlight .gi {
|
|
56
|
+
color: #859900;
|
|
57
|
+
} // generic.inserted //
|
|
58
|
+
.highlight .go {
|
|
59
|
+
color: #93a1a1;
|
|
60
|
+
} // generic.output //
|
|
61
|
+
.highlight .gp {
|
|
62
|
+
color: #93a1a1;
|
|
63
|
+
} // generic.prompt //
|
|
64
|
+
.highlight .gs {
|
|
65
|
+
font-weight: bold;
|
|
66
|
+
color: #93a1a1;
|
|
67
|
+
} // generic.strong //
|
|
68
|
+
.highlight .gu {
|
|
69
|
+
color: #cb4b16;
|
|
70
|
+
} // generic.subheading //
|
|
71
|
+
.highlight .gt {
|
|
72
|
+
color: #93a1a1;
|
|
73
|
+
} // generic.traceback //
|
|
74
|
+
.highlight .kc {
|
|
75
|
+
color: #cb4b16;
|
|
76
|
+
} // keyword.constant //
|
|
77
|
+
.highlight .kd {
|
|
78
|
+
color: #268bd2;
|
|
79
|
+
} // keyword.declaration //
|
|
80
|
+
.highlight .kn {
|
|
81
|
+
color: #859900;
|
|
82
|
+
} // keyword.namespace //
|
|
83
|
+
.highlight .kp {
|
|
84
|
+
color: #859900;
|
|
85
|
+
} // keyword.pseudo //
|
|
86
|
+
.highlight .kr {
|
|
87
|
+
color: #268bd2;
|
|
88
|
+
} // keyword.reserved //
|
|
89
|
+
.highlight .kt {
|
|
90
|
+
color: #dc322f;
|
|
91
|
+
} // keyword.type //
|
|
92
|
+
.highlight .ld {
|
|
93
|
+
color: #93a1a1;
|
|
94
|
+
} // literal.date //
|
|
95
|
+
.highlight .m {
|
|
96
|
+
color: #2aa198;
|
|
97
|
+
} // literal.number //
|
|
98
|
+
.highlight .s {
|
|
99
|
+
color: #2aa198;
|
|
100
|
+
} // literal.string //
|
|
101
|
+
.highlight .na {
|
|
102
|
+
color: #555;
|
|
103
|
+
} // name.attribute //
|
|
104
|
+
.highlight .nb {
|
|
105
|
+
color: #b58900;
|
|
106
|
+
} // name.builtin //
|
|
107
|
+
.highlight .nc {
|
|
108
|
+
color: #268bd2;
|
|
109
|
+
} // name.class //
|
|
110
|
+
.highlight .no {
|
|
111
|
+
color: #cb4b16;
|
|
112
|
+
} // name.constant //
|
|
113
|
+
.highlight .nd {
|
|
114
|
+
color: #268bd2;
|
|
115
|
+
} // name.decorator //
|
|
116
|
+
.highlight .ni {
|
|
117
|
+
color: #cb4b16;
|
|
118
|
+
} // name.entity //
|
|
119
|
+
.highlight .ne {
|
|
120
|
+
color: #cb4b16;
|
|
121
|
+
} // name.exception //
|
|
122
|
+
.highlight .nf {
|
|
123
|
+
color: #268bd2;
|
|
124
|
+
} // name.function //
|
|
125
|
+
.highlight .nl {
|
|
126
|
+
color: #555;
|
|
127
|
+
} // name.label //
|
|
128
|
+
.highlight .nn {
|
|
129
|
+
color: #93a1a1;
|
|
130
|
+
} // name.namespace //
|
|
131
|
+
.highlight .nx {
|
|
132
|
+
color: #555;
|
|
133
|
+
} // name.other //
|
|
134
|
+
.highlight .py {
|
|
135
|
+
color: #93a1a1;
|
|
136
|
+
} // name.property //
|
|
137
|
+
.highlight .nt {
|
|
138
|
+
color: #268bd2;
|
|
139
|
+
} // name.tag //
|
|
140
|
+
.highlight .nv {
|
|
141
|
+
color: #268bd2;
|
|
142
|
+
} // name.variable //
|
|
143
|
+
.highlight .ow {
|
|
144
|
+
color: #859900;
|
|
145
|
+
} // operator.word //
|
|
146
|
+
.highlight .w {
|
|
147
|
+
color: #93a1a1;
|
|
148
|
+
} // text.whitespace //
|
|
149
|
+
.highlight .mf {
|
|
150
|
+
color: #2aa198;
|
|
151
|
+
} // literal.number.float //
|
|
152
|
+
.highlight .mh {
|
|
153
|
+
color: #2aa198;
|
|
154
|
+
} // literal.number.hex //
|
|
155
|
+
.highlight .mi {
|
|
156
|
+
color: #2aa198;
|
|
157
|
+
} // literal.number.integer //
|
|
158
|
+
.highlight .mo {
|
|
159
|
+
color: #2aa198;
|
|
160
|
+
} // literal.number.oct //
|
|
161
|
+
.highlight .sb {
|
|
162
|
+
color: #586e75;
|
|
163
|
+
} // literal.string.backtick //
|
|
164
|
+
.highlight .sc {
|
|
165
|
+
color: #2aa198;
|
|
166
|
+
} // literal.string.char //
|
|
167
|
+
.highlight .sd {
|
|
168
|
+
color: #93a1a1;
|
|
169
|
+
} // literal.string.doc //
|
|
170
|
+
.highlight .s2 {
|
|
171
|
+
color: #2aa198;
|
|
172
|
+
} // literal.string.double //
|
|
173
|
+
.highlight .se {
|
|
174
|
+
color: #cb4b16;
|
|
175
|
+
} // literal.string.escape //
|
|
176
|
+
.highlight .sh {
|
|
177
|
+
color: #93a1a1;
|
|
178
|
+
} // literal.string.heredoc //
|
|
179
|
+
.highlight .si {
|
|
180
|
+
color: #2aa198;
|
|
181
|
+
} // literal.string.interpol //
|
|
182
|
+
.highlight .sx {
|
|
183
|
+
color: #2aa198;
|
|
184
|
+
} // literal.string.other //
|
|
185
|
+
.highlight .sr {
|
|
186
|
+
color: #dc322f;
|
|
187
|
+
} // literal.string.regex //
|
|
188
|
+
.highlight .s1 {
|
|
189
|
+
color: #2aa198;
|
|
190
|
+
} // literal.string.single //
|
|
191
|
+
.highlight .ss {
|
|
192
|
+
color: #2aa198;
|
|
193
|
+
} // literal.string.symbol //
|
|
194
|
+
.highlight .bp {
|
|
195
|
+
color: #268bd2;
|
|
196
|
+
} // name.builtin.pseudo //
|
|
197
|
+
.highlight .vc {
|
|
198
|
+
color: #268bd2;
|
|
199
|
+
} // name.variable.class //
|
|
200
|
+
.highlight .vg {
|
|
201
|
+
color: #268bd2;
|
|
202
|
+
} // name.variable.global //
|
|
203
|
+
.highlight .vi {
|
|
204
|
+
color: #268bd2;
|
|
205
|
+
} // name.variable.instance //
|
|
206
|
+
.highlight .il {
|
|
207
|
+
color: #2aa198;
|
|
208
|
+
} // literal.number.integer.long //
|
data/_sass/content.scss
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
2
|
|
|
3
|
-
//
|
|
4
3
|
// Styles for rendered markdown in the .main-content container
|
|
5
|
-
//
|
|
6
|
-
// stylelint-disable selector-no-type, max-nesting-depth, selector-max-compound-selectors, selector-max-type
|
|
4
|
+
// stylelint-disable selector-no-type, max-nesting-depth, selector-max-compound-selectors, selector-max-type, selector-max-specificity, selector-max-id
|
|
7
5
|
|
|
8
6
|
.main-content {
|
|
9
7
|
line-height: $content-line-height;
|
|
@@ -21,7 +19,6 @@
|
|
|
21
19
|
a {
|
|
22
20
|
overflow: hidden;
|
|
23
21
|
text-overflow: ellipsis;
|
|
24
|
-
white-space: nowrap;
|
|
25
22
|
}
|
|
26
23
|
|
|
27
24
|
ul,
|
|
@@ -59,7 +56,7 @@
|
|
|
59
56
|
ol {
|
|
60
57
|
counter-reset: sub-counter;
|
|
61
58
|
|
|
62
|
-
li {
|
|
59
|
+
> li {
|
|
63
60
|
&::before {
|
|
64
61
|
content: counter(sub-counter, lower-alpha);
|
|
65
62
|
counter-increment: sub-counter;
|
|
@@ -82,14 +79,7 @@
|
|
|
82
79
|
}
|
|
83
80
|
}
|
|
84
81
|
|
|
85
|
-
.task-list {
|
|
86
|
-
padding-left: 0;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
82
|
.task-list-item {
|
|
90
|
-
display: flex;
|
|
91
|
-
align-items: center;
|
|
92
|
-
|
|
93
83
|
&::before {
|
|
94
84
|
content: "";
|
|
95
85
|
}
|
|
@@ -97,6 +87,9 @@
|
|
|
97
87
|
|
|
98
88
|
.task-list-item-checkbox {
|
|
99
89
|
margin-right: 0.6em;
|
|
90
|
+
margin-left: -1.4em;
|
|
91
|
+
|
|
92
|
+
// The same margin-left is used above for ul > li::before
|
|
100
93
|
}
|
|
101
94
|
|
|
102
95
|
hr + * {
|
|
@@ -121,6 +114,7 @@
|
|
|
121
114
|
grid-column: 1;
|
|
122
115
|
font-weight: 500;
|
|
123
116
|
text-align: right;
|
|
117
|
+
|
|
124
118
|
&::after {
|
|
125
119
|
content: ":";
|
|
126
120
|
}
|
|
@@ -130,6 +124,7 @@
|
|
|
130
124
|
grid-column: 2;
|
|
131
125
|
margin-bottom: 0;
|
|
132
126
|
margin-left: 1em;
|
|
127
|
+
|
|
133
128
|
blockquote,
|
|
134
129
|
div,
|
|
135
130
|
dl,
|
|
@@ -188,6 +183,7 @@
|
|
|
188
183
|
}
|
|
189
184
|
|
|
190
185
|
.anchor-heading:hover,
|
|
186
|
+
.anchor-heading:focus,
|
|
191
187
|
h1:hover > .anchor-heading,
|
|
192
188
|
h2:hover > .anchor-heading,
|
|
193
189
|
h3:hover > .anchor-heading,
|
|
@@ -208,24 +204,36 @@
|
|
|
208
204
|
h3,
|
|
209
205
|
h4,
|
|
210
206
|
h5,
|
|
211
|
-
h6
|
|
207
|
+
h6,
|
|
208
|
+
#toctitle {
|
|
212
209
|
position: relative;
|
|
213
210
|
margin-top: 1.5em;
|
|
214
211
|
margin-bottom: 0.25em;
|
|
215
212
|
|
|
216
|
-
&:first-child {
|
|
217
|
-
margin-top: $sp-2;
|
|
218
|
-
}
|
|
219
|
-
|
|
220
213
|
+ table,
|
|
221
214
|
+ .table-wrapper,
|
|
222
215
|
+ .code-example,
|
|
223
|
-
+ .highlighter-rouge
|
|
216
|
+
+ .highlighter-rouge,
|
|
217
|
+
+ .sectionbody .listingblock {
|
|
224
218
|
margin-top: 1em;
|
|
225
219
|
}
|
|
226
220
|
|
|
227
|
-
+ p {
|
|
221
|
+
+ p:not(.label) {
|
|
228
222
|
margin-top: 0;
|
|
229
223
|
}
|
|
230
224
|
}
|
|
225
|
+
|
|
226
|
+
> h1:first-child,
|
|
227
|
+
> h2:first-child,
|
|
228
|
+
> h3:first-child,
|
|
229
|
+
> h4:first-child,
|
|
230
|
+
> h5:first-child,
|
|
231
|
+
> h6:first-child,
|
|
232
|
+
> .sect1:first-child > h2,
|
|
233
|
+
> .sect2:first-child > h3,
|
|
234
|
+
> .sect3:first-child > h4,
|
|
235
|
+
> .sect4:first-child > h5,
|
|
236
|
+
> .sect5:first-child > h6 {
|
|
237
|
+
margin-top: $sp-2;
|
|
238
|
+
}
|
|
231
239
|
}
|
data/_sass/custom/custom.scss
CHANGED
data/_sass/labels.scss
CHANGED
data/_sass/layout.scss
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
//
|
|
2
1
|
// The basic two column layout
|
|
3
|
-
//
|
|
4
2
|
|
|
5
3
|
.side-bar {
|
|
6
4
|
z-index: 0;
|
|
@@ -40,6 +38,7 @@
|
|
|
40
38
|
|
|
41
39
|
.main-content-wrap {
|
|
42
40
|
@include container;
|
|
41
|
+
|
|
43
42
|
padding-top: $gutter-spacing-sm;
|
|
44
43
|
padding-bottom: $gutter-spacing-sm;
|
|
45
44
|
|
|
@@ -111,6 +110,7 @@
|
|
|
111
110
|
|
|
112
111
|
.site-title {
|
|
113
112
|
@include container;
|
|
113
|
+
|
|
114
114
|
flex-grow: 1;
|
|
115
115
|
display: flex;
|
|
116
116
|
height: 100%;
|
|
@@ -184,6 +184,7 @@ body {
|
|
|
184
184
|
|
|
185
185
|
.site-footer {
|
|
186
186
|
@include container;
|
|
187
|
+
|
|
187
188
|
position: absolute;
|
|
188
189
|
bottom: 0;
|
|
189
190
|
left: 0;
|
data/_sass/modules.scss
CHANGED
data/_sass/navigation.scss
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
//
|
|
2
1
|
// Main nav, breadcrumb, etc...
|
|
3
|
-
//
|
|
4
2
|
// stylelint-disable selector-no-type, max-nesting-depth, selector-max-compound-selectors, selector-max-type, selector-max-specificity
|
|
5
3
|
|
|
6
4
|
.nav-list {
|
|
@@ -11,6 +9,7 @@
|
|
|
11
9
|
|
|
12
10
|
.nav-list-item {
|
|
13
11
|
@include fs-4;
|
|
12
|
+
|
|
14
13
|
position: relative;
|
|
15
14
|
margin: 0;
|
|
16
15
|
|
|
@@ -44,6 +43,12 @@
|
|
|
44
43
|
}
|
|
45
44
|
}
|
|
46
45
|
|
|
46
|
+
&.external > svg {
|
|
47
|
+
width: $sp-4;
|
|
48
|
+
height: $sp-4;
|
|
49
|
+
vertical-align: text-bottom;
|
|
50
|
+
}
|
|
51
|
+
|
|
47
52
|
&.active {
|
|
48
53
|
font-weight: 600;
|
|
49
54
|
text-decoration: none;
|
|
@@ -65,6 +70,7 @@
|
|
|
65
70
|
@if $nav-list-expander-right {
|
|
66
71
|
right: 0;
|
|
67
72
|
}
|
|
73
|
+
|
|
68
74
|
width: $nav-list-item-height-sm;
|
|
69
75
|
height: $nav-list-item-height-sm;
|
|
70
76
|
padding-top: #{$nav-list-item-height-sm / 4};
|
|
@@ -137,7 +143,7 @@
|
|
|
137
143
|
padding-bottom: $sp-2;
|
|
138
144
|
padding-left: $gutter-spacing-sm;
|
|
139
145
|
font-weight: 600;
|
|
140
|
-
text-align:
|
|
146
|
+
text-align: start;
|
|
141
147
|
text-transform: uppercase;
|
|
142
148
|
border-bottom: $border $border-color;
|
|
143
149
|
@include fs-2;
|
|
@@ -154,6 +160,26 @@
|
|
|
154
160
|
}
|
|
155
161
|
}
|
|
156
162
|
|
|
163
|
+
.nav-list.nav-category-list {
|
|
164
|
+
> .nav-list-item {
|
|
165
|
+
margin: 0;
|
|
166
|
+
|
|
167
|
+
> .nav-list {
|
|
168
|
+
padding: 0;
|
|
169
|
+
|
|
170
|
+
> .nav-list-item {
|
|
171
|
+
> .nav-list-link {
|
|
172
|
+
color: $link-color;
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
> .nav-list-expander {
|
|
176
|
+
color: $link-color;
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
}
|
|
182
|
+
|
|
157
183
|
// Aux nav
|
|
158
184
|
|
|
159
185
|
.aux-nav {
|
data/_sass/print.scss
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// stylelint-disable selector-max-specificity, selector-max-id, selector-max-type, selector-no-qualifying-type
|
|
1
|
+
// stylelint-disable selector-max-specificity, selector-max-id, selector-max-type, selector-no-qualifying-type
|
|
2
2
|
|
|
3
3
|
@media print {
|
|
4
4
|
.site-footer,
|
data/_sass/search.scss
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
//
|
|
2
1
|
// Search input and autocomplete
|
|
3
|
-
//
|
|
4
2
|
|
|
5
3
|
.search {
|
|
6
4
|
position: relative;
|
|
@@ -48,6 +46,7 @@
|
|
|
48
46
|
padding-bottom: $sp-2;
|
|
49
47
|
padding-left: #{$gutter-spacing-sm + $sp-5};
|
|
50
48
|
font-size: 16px;
|
|
49
|
+
color: $body-text-color;
|
|
51
50
|
background-color: $search-background-color;
|
|
52
51
|
border-top: 0;
|
|
53
52
|
border-right: 0;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
@function rem($size, $unit: "") {
|
|
2
|
-
$
|
|
2
|
+
$rem-size: $size / $root-font-size;
|
|
3
3
|
|
|
4
|
-
@if
|
|
5
|
-
@return #{$
|
|
4
|
+
@if $unit == false {
|
|
5
|
+
@return #{$rem-size};
|
|
6
6
|
} @else {
|
|
7
|
-
@return #{$
|
|
7
|
+
@return #{$rem-size}rem;
|
|
8
8
|
}
|
|
9
9
|
}
|
|
@@ -1,82 +1,67 @@
|
|
|
1
|
-
//
|
|
2
1
|
// Typography
|
|
3
|
-
//
|
|
4
2
|
|
|
5
|
-
$body-font-family: system-ui, -apple-system,
|
|
6
|
-
|
|
7
|
-
$mono-font-family: "SFMono-Regular",
|
|
3
|
+
$body-font-family: system-ui, -apple-system, blinkmacsystemfont, "Segoe UI",
|
|
4
|
+
roboto, "Helvetica Neue", arial, sans-serif !default;
|
|
5
|
+
$mono-font-family: "SFMono-Regular", menlo, consolas, monospace !default;
|
|
8
6
|
$root-font-size: 16px !default; // Base font-size for rems
|
|
9
7
|
$body-line-height: 1.4 !default;
|
|
10
8
|
$content-line-height: 1.6 !default;
|
|
11
9
|
$body-heading-line-height: 1.25 !default;
|
|
12
10
|
|
|
13
|
-
//
|
|
14
11
|
// Font size
|
|
15
12
|
// `-sm` suffix is the size at the small (and above) media query
|
|
16
|
-
//
|
|
17
13
|
|
|
18
14
|
$font-size-1: 9px !default;
|
|
19
15
|
$font-size-1-sm: 10px !default;
|
|
20
|
-
$font-size-2: 11px !default; //h4 - uppercased!, h6 not uppercased, text-small
|
|
21
|
-
$font-size-3: 12px !default; //h5
|
|
16
|
+
$font-size-2: 11px !default; // h4 - uppercased!, h6 not uppercased, text-small
|
|
17
|
+
$font-size-3: 12px !default; // h5
|
|
22
18
|
$font-size-4: 14px !default;
|
|
23
|
-
$font-size-5: 16px !default; //h3
|
|
24
|
-
$font-size-6: 18px !default; //h2
|
|
19
|
+
$font-size-5: 16px !default; // h3
|
|
20
|
+
$font-size-6: 18px !default; // h2
|
|
25
21
|
$font-size-7: 24px !default;
|
|
26
|
-
$font-size-8: 32px !default; //h1
|
|
22
|
+
$font-size-8: 32px !default; // h1
|
|
27
23
|
$font-size-9: 36px !default;
|
|
28
24
|
$font-size-10: 42px !default;
|
|
29
25
|
$font-size-10-sm: 48px !default;
|
|
30
26
|
|
|
31
|
-
//
|
|
32
27
|
// Colors
|
|
33
|
-
//
|
|
34
28
|
|
|
35
29
|
$white: #fff !default;
|
|
36
|
-
|
|
37
30
|
$grey-dk-000: #959396 !default;
|
|
38
31
|
$grey-dk-100: #5c5962 !default;
|
|
39
32
|
$grey-dk-200: #44434d !default;
|
|
40
33
|
$grey-dk-250: #302d36 !default;
|
|
41
34
|
$grey-dk-300: #27262b !default;
|
|
42
|
-
|
|
43
35
|
$grey-lt-000: #f5f6fa !default;
|
|
44
36
|
$grey-lt-100: #eeebee !default;
|
|
45
37
|
$grey-lt-200: #ecebed !default;
|
|
46
38
|
$grey-lt-300: #e6e1e8 !default;
|
|
47
|
-
|
|
48
39
|
$purple-000: #7253ed !default;
|
|
49
40
|
$purple-100: #5e41d0 !default;
|
|
50
41
|
$purple-200: #4e26af !default;
|
|
51
42
|
$purple-300: #381885 !default;
|
|
52
|
-
|
|
53
43
|
$blue-000: #2c84fa !default;
|
|
54
44
|
$blue-100: #2869e6 !default;
|
|
55
45
|
$blue-200: #264caf !default;
|
|
56
46
|
$blue-300: #183385 !default;
|
|
57
|
-
|
|
58
47
|
$green-000: #41d693 !default;
|
|
59
48
|
$green-100: #11b584 !default;
|
|
60
49
|
$green-200: #009c7b !default;
|
|
61
50
|
$green-300: #026e57 !default;
|
|
62
|
-
|
|
63
51
|
$yellow-000: #ffeb82 !default;
|
|
64
52
|
$yellow-100: #fadf50 !default;
|
|
65
53
|
$yellow-200: #f7d12e !default;
|
|
66
54
|
$yellow-300: #e7af06 !default;
|
|
67
|
-
|
|
68
55
|
$red-000: #f77e7e !default;
|
|
69
56
|
$red-100: #f96e65 !default;
|
|
70
57
|
$red-200: #e94c4c !default;
|
|
71
58
|
$red-300: #dd2e2e !default;
|
|
72
|
-
|
|
73
59
|
$body-background-color: $white !default;
|
|
74
60
|
$sidebar-color: $grey-lt-000 !default;
|
|
75
61
|
$search-background-color: $white !default;
|
|
76
62
|
$table-background-color: $white !default;
|
|
77
63
|
$code-background-color: $grey-lt-000 !default;
|
|
78
64
|
$feedback-color: darken($sidebar-color, 3%) !default;
|
|
79
|
-
|
|
80
65
|
$body-text-color: $grey-dk-100 !default;
|
|
81
66
|
$body-heading-color: $grey-dk-300 !default;
|
|
82
67
|
$search-result-preview-color: $grey-dk-000 !default;
|
|
@@ -85,9 +70,7 @@ $link-color: $purple-000 !default;
|
|
|
85
70
|
$btn-primary-color: $purple-100 !default;
|
|
86
71
|
$base-button-color: #f7f7f7 !default;
|
|
87
72
|
|
|
88
|
-
//
|
|
89
73
|
// Spacing
|
|
90
|
-
//
|
|
91
74
|
|
|
92
75
|
$spacing-unit: 1rem; // 1rem == 16px
|
|
93
76
|
|
|
@@ -104,7 +87,6 @@ $spacers: (
|
|
|
104
87
|
sp-9: $spacing-unit * 3.5,
|
|
105
88
|
sp-10: $spacing-unit * 4,
|
|
106
89
|
) !default;
|
|
107
|
-
|
|
108
90
|
$sp-1: map-get($spacers, sp-1) !default; // 0.25 rem == 4px
|
|
109
91
|
$sp-2: map-get($spacers, sp-2) !default; // 0.5 rem == 8px
|
|
110
92
|
$sp-3: map-get($spacers, sp-3) !default; // 0.75 rem == 12px
|
|
@@ -116,17 +98,13 @@ $sp-8: map-get($spacers, sp-8) !default; // 3 rem == 48px
|
|
|
116
98
|
$sp-9: map-get($spacers, sp-9) !default; // 3.5 rem == 56px
|
|
117
99
|
$sp-10: map-get($spacers, sp-10) !default; // 4 rem == 64px
|
|
118
100
|
|
|
119
|
-
//
|
|
120
101
|
// Borders
|
|
121
|
-
//
|
|
122
102
|
|
|
123
103
|
$border: 1px solid !default;
|
|
124
104
|
$border-radius: 4px !default;
|
|
125
105
|
$border-color: $grey-lt-100 !default;
|
|
126
106
|
|
|
127
|
-
//
|
|
128
107
|
// Grid system
|
|
129
|
-
//
|
|
130
108
|
|
|
131
109
|
$gutter-spacing: $sp-6 !default;
|
|
132
110
|
$gutter-spacing-sm: $sp-4 !default;
|
|
@@ -140,9 +118,7 @@ $header-height: 60px !default;
|
|
|
140
118
|
$search-results-width: $content-width - $nav-width !default;
|
|
141
119
|
$transition-duration: 400ms;
|
|
142
120
|
|
|
143
|
-
//
|
|
144
121
|
// Media queries in pixels
|
|
145
|
-
//
|
|
146
122
|
|
|
147
123
|
$media-queries: (
|
|
148
124
|
xs: 320px,
|
data/_sass/tables.scss
CHANGED
data/_sass/typography.scss
CHANGED
|
@@ -1,16 +1,17 @@
|
|
|
1
|
-
//
|
|
2
1
|
// Typography
|
|
3
|
-
|
|
4
|
-
// stylelint-disable
|
|
2
|
+
|
|
3
|
+
// stylelint-disable selector-no-type, selector-max-type, selector-max-specificity, selector-max-id
|
|
5
4
|
|
|
6
5
|
h1,
|
|
7
6
|
.text-alpha {
|
|
8
7
|
@include fs-8;
|
|
8
|
+
|
|
9
9
|
font-weight: 300;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
h2,
|
|
13
|
-
.text-beta
|
|
13
|
+
.text-beta,
|
|
14
|
+
#toctitle {
|
|
14
15
|
@include fs-6;
|
|
15
16
|
}
|
|
16
17
|
|
|
@@ -22,6 +23,7 @@ h3,
|
|
|
22
23
|
h4,
|
|
23
24
|
.text-delta {
|
|
24
25
|
@include fs-2;
|
|
26
|
+
|
|
25
27
|
font-weight: 400;
|
|
26
28
|
text-transform: uppercase;
|
|
27
29
|
letter-spacing: 0.1em;
|
|
@@ -34,13 +36,11 @@ h4 code {
|
|
|
34
36
|
h5,
|
|
35
37
|
.text-epsilon {
|
|
36
38
|
@include fs-3;
|
|
37
|
-
color: $grey-dk-200;
|
|
38
39
|
}
|
|
39
40
|
|
|
40
41
|
h6,
|
|
41
42
|
.text-zeta {
|
|
42
43
|
@include fs-2;
|
|
43
|
-
color: $grey-dk-200;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
.text-small {
|