@ng-doc/app 15.7.2 → 15.7.3
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.
- package/esm2020/components/api-list/api-list.component.mjs +2 -2
- package/esm2020/components/toc/toc-element/toc-element.component.mjs +2 -2
- package/fesm2015/ng-doc-app-components-api-list.mjs +2 -2
- package/fesm2015/ng-doc-app-components-api-list.mjs.map +1 -1
- package/fesm2015/ng-doc-app-components-toc.mjs +2 -2
- package/fesm2015/ng-doc-app-components-toc.mjs.map +1 -1
- package/fesm2020/ng-doc-app-components-api-list.mjs +2 -2
- package/fesm2020/ng-doc-app-components-api-list.mjs.map +1 -1
- package/fesm2020/ng-doc-app-components-toc.mjs +2 -2
- package/fesm2020/ng-doc-app-components-toc.mjs.map +1 -1
- package/package.json +3 -3
- package/styles/global.css +168 -169
- package/styles/main.css +168 -169
package/styles/global.css
CHANGED
|
@@ -1,209 +1,126 @@
|
|
|
1
1
|
@import '~@angular/cdk/overlay-prebuilt.css';
|
|
2
2
|
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Nunito:ital,wght@0,700;0,800;0,900;1,700;1,800;1,900&display=swap");
|
|
3
3
|
@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300;400;500;600&display=swap");
|
|
4
|
-
/*
|
|
5
|
-
Original sources
|
|
6
|
-
https://github.com/heygrady/scss-blend-modes/blob/master/stylesheets/_blend-modes.scss
|
|
7
|
-
*/
|
|
8
4
|
@import 'highlight.js/styles/atom-one-dark.css';
|
|
9
|
-
:root {
|
|
10
|
-
--ng-doc-base-gutter: 8px;
|
|
11
|
-
--ng-doc-transition: 0.1s;
|
|
12
|
-
--ng-doc-base-0: var(--ng-doc-white);
|
|
13
|
-
--ng-doc-base-1: var(--ng-doc-grey-10);
|
|
14
|
-
--ng-doc-base-2: var(--ng-doc-grey-20);
|
|
15
|
-
--ng-doc-base-3: var(--ng-doc-grey-30);
|
|
16
|
-
--ng-doc-base-4: var(--ng-doc-grey-40);
|
|
17
|
-
--ng-doc-base-5: var(--ng-doc-grey-50);
|
|
18
|
-
--ng-doc-base-6: var(--ng-doc-grey-60);
|
|
19
|
-
--ng-doc-base-7: var(--ng-doc-grey-70);
|
|
20
|
-
--ng-doc-base-8: var(--ng-doc-grey-90);
|
|
21
|
-
--ng-doc-base-9: var(--ng-doc-grey-100);
|
|
22
|
-
--ng-doc-base-10: var(--ng-doc-grey-110);
|
|
23
|
-
--ng-doc-base-11: var(--ng-doc-grey-180);
|
|
24
|
-
--ng-doc-primary: var(--ng-doc-ember-140);
|
|
25
|
-
--ng-doc-primary-rgb: var(--ng-doc-ember-rgb);
|
|
26
|
-
--ng-doc-primary-text: var(--ng-doc-white);
|
|
27
|
-
--ng-doc-hover: var(--ng-doc-ember-20);
|
|
28
|
-
--ng-doc-active: var(--ng-doc-ember-40);
|
|
29
|
-
--ng-doc-background: var(--ng-doc-base-0);
|
|
30
|
-
--ng-doc-border-size: 1px;
|
|
31
|
-
--ng-doc-border-color: var(--ng-doc-base-1);
|
|
32
|
-
--ng-doc-border-hover-color: var(--ng-doc-base-3);
|
|
33
|
-
--ng-doc-shadow-color: rgba(0, 0, 0, 0.15);
|
|
34
|
-
--ng-doc-heading-font-family: "Nunito", sans-serif;
|
|
35
|
-
--ng-doc-font-family: "Nunito Sans", sans-serif;
|
|
36
|
-
--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 2);
|
|
37
|
-
--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 3);
|
|
38
|
-
--ng-doc-font-weight: 500;
|
|
39
|
-
--ng-doc-code-font: "Source Code Pro", monospace;
|
|
40
|
-
--ng-doc-code-font-size: 14px;
|
|
41
|
-
--ng-doc-code-line-height: 18px;
|
|
42
|
-
--ng-doc-code-font-weight: 600;
|
|
43
|
-
--ng-doc-code-margin: calc(var(--ng-doc-base-gutter) * 5) 0px;
|
|
44
|
-
--ng-doc-text: var(--ng-doc-base-11);
|
|
45
|
-
--ng-doc-text-inversed: var(--ng-doc-base-0);
|
|
46
|
-
--ng-doc-text-muted: var(--ng-doc-base-8);
|
|
47
|
-
--ng-doc-link-color: var(--ng-doc-blue-100);
|
|
48
|
-
--ng-doc-link-color-rgb: var(--ng-doc-blue-rgb);
|
|
49
|
-
--ng-doc-inline-code-background: var(--ng-doc-base-2);
|
|
50
|
-
--ng-doc-inline-code-color: var(--ng-doc-text);
|
|
51
|
-
--ng-doc-button-background: trasparent;
|
|
52
|
-
--ng-doc-button-color: var(--ng-doc-text);
|
|
53
|
-
--ng-doc-button-hover-background: var(--ng-doc-base-1);
|
|
54
|
-
--ng-doc-button-hover-color: var(--ng-doc-button-color);
|
|
55
|
-
--ng-doc-button-active-background: var(--ng-doc-base-2);
|
|
56
|
-
--ng-doc-button-active-color: var(--ng-doc-button-hover-color);
|
|
57
|
-
--ng-doc-floated-border-color: transparent;
|
|
58
|
-
--ng-doc-floated-border: 2px solid var(--ng-doc-floated-border-color);
|
|
59
|
-
--ng-doc-floated-border-shadow-color: 0 1px 2px rgba(16, 24, 40, 0.05), 0 0 0 4px transparent;
|
|
60
|
-
--ng-doc-floated-border-radius: var(--ng-doc-base-gutter);
|
|
61
|
-
/* NgDocCheckboxComponent */
|
|
62
|
-
--ng-doc-checkbox-color: var(--ng-doc-primary);
|
|
63
|
-
--ng-doc-checkbox-color-text: var(--ng-doc-primary-text);
|
|
64
|
-
--ng-doc-checkbox-border: var(--ng-doc-border-size) solid var(--ng-doc-border-color);
|
|
65
|
-
--ng-doc-checkbox-border-hover: var(--ng-doc-border-size) solid var(--ng-doc-border-hover-color);
|
|
66
|
-
/* NgDocInputWrapperComponent */
|
|
67
|
-
--ng-doc-input-text-align: left;
|
|
68
|
-
--ng-doc-input-width: 100%;
|
|
69
|
-
--ng-doc-input-height: 40px;
|
|
70
|
-
--ng-doc-input-border: var(--ng-doc-border-size) solid var(--ng-doc-border-color);
|
|
71
|
-
--ng-doc-input-border-hover: var(--ng-doc-border-size) solid var(--ng-doc-border-hover-color);
|
|
72
|
-
--ng-doc-input-background-color: var(--ng-doc-base-0);
|
|
73
|
-
--ng-doc-input-padding-left: calc(var(--ng-doc-base-gutter) * 2);
|
|
74
|
-
--ng-doc-input-padding-right: calc(var(--ng-doc-base-gutter) * 2);
|
|
75
|
-
--ng-doc-input-cursor: auto;
|
|
76
|
-
/* NgDocTagComponent */
|
|
77
|
-
--ng-doc-tag-background: var(--ng-doc-primary);
|
|
78
|
-
--ng-doc-tag-color: var(--ng-doc-primary-text);
|
|
79
|
-
/* NgDocSelection */
|
|
80
|
-
--ng-doc-selection-border: 4px solid var(--ng-doc-primary);
|
|
81
|
-
--ng-doc-selection-background: transparent;
|
|
82
|
-
/* NgDocDot */
|
|
83
|
-
--ng-doc-dot-size: calc(var(--ng-doc-base-gutter) / 2);
|
|
84
|
-
--ng-doc-dot-background: var(--ng-doc-primary);
|
|
85
|
-
}
|
|
86
|
-
|
|
87
5
|
html {
|
|
88
6
|
-webkit-font-smoothing: antialiased;
|
|
89
7
|
}
|
|
90
8
|
|
|
91
|
-
p {
|
|
9
|
+
p.ngde {
|
|
92
10
|
line-height: calc(var(--ng-doc-base-gutter) * 3);
|
|
93
11
|
margin-top: calc(var(--ng-doc-base-gutter) * 3);
|
|
94
12
|
margin-bottom: 0;
|
|
95
13
|
}
|
|
96
14
|
|
|
97
|
-
ul,
|
|
98
|
-
ol {
|
|
15
|
+
ul.ngde,
|
|
16
|
+
ol.ngde {
|
|
99
17
|
margin: calc(var(--ng-doc-base-gutter) * 4) 0;
|
|
100
18
|
}
|
|
101
19
|
|
|
102
|
-
ul li,
|
|
103
|
-
ol li {
|
|
20
|
+
ul li.ngde,
|
|
21
|
+
ol li.ngde {
|
|
104
22
|
line-height: 1.5rem;
|
|
105
23
|
margin-bottom: calc(var(--ng-doc-base-gutter) * 2);
|
|
106
24
|
}
|
|
107
25
|
|
|
108
|
-
ul ul,
|
|
109
|
-
ol ul,
|
|
110
|
-
ul ol,
|
|
111
|
-
ol ol {
|
|
26
|
+
ul ul.ngde,
|
|
27
|
+
ol ul.ngde,
|
|
28
|
+
ul ol.ngde,
|
|
29
|
+
ol ol.ngde {
|
|
112
30
|
margin-top: 0;
|
|
113
31
|
margin-bottom: 0;
|
|
114
32
|
}
|
|
115
33
|
|
|
116
|
-
blockquote {
|
|
34
|
+
blockquote.ngde {
|
|
117
35
|
line-height: 1.5rem;
|
|
118
36
|
margin-top: 1.5rem;
|
|
119
37
|
margin-bottom: 1.5rem;
|
|
120
38
|
}
|
|
121
39
|
|
|
122
|
-
h1,
|
|
123
|
-
h2,
|
|
124
|
-
h3,
|
|
125
|
-
h4,
|
|
126
|
-
h5,
|
|
127
|
-
h6 {
|
|
40
|
+
h1.ngde,
|
|
41
|
+
h2.ngde,
|
|
42
|
+
h3.ngde,
|
|
43
|
+
h4.ngde,
|
|
44
|
+
h5.ngde,
|
|
45
|
+
h6.ngde {
|
|
128
46
|
font-family: var(--ng-doc-heading-font-family);
|
|
129
47
|
margin: calc(var(--ng-doc-base-gutter) * 9) 0 0;
|
|
130
48
|
line-height: 1.5rem;
|
|
131
49
|
font-weight: 700;
|
|
132
50
|
overflow-wrap: anywhere;
|
|
133
51
|
}
|
|
134
|
-
h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6,
|
|
135
|
-
h2 + h1,
|
|
136
|
-
h2 + h2,
|
|
137
|
-
h2 + h3,
|
|
138
|
-
h2 + h4,
|
|
139
|
-
h2 + h5,
|
|
140
|
-
h2 + h6,
|
|
141
|
-
h3 + h1,
|
|
142
|
-
h3 + h2,
|
|
143
|
-
h3 + h3,
|
|
144
|
-
h3 + h4,
|
|
145
|
-
h3 + h5,
|
|
146
|
-
h3 + h6,
|
|
147
|
-
h4 + h1,
|
|
148
|
-
h4 + h2,
|
|
149
|
-
h4 + h3,
|
|
150
|
-
h4 + h4,
|
|
151
|
-
h4 + h5,
|
|
152
|
-
h4 + h6,
|
|
153
|
-
h5 + h1,
|
|
154
|
-
h5 + h2,
|
|
155
|
-
h5 + h3,
|
|
156
|
-
h5 + h4,
|
|
157
|
-
h5 + h5,
|
|
158
|
-
h5 + h6,
|
|
159
|
-
h6 + h1,
|
|
160
|
-
h6 + h2,
|
|
161
|
-
h6 + h3,
|
|
162
|
-
h6 + h4,
|
|
163
|
-
h6 + h5,
|
|
164
|
-
h6 + h6 {
|
|
52
|
+
h1.ngde + h1.ngde, h1.ngde + h2.ngde, h1.ngde + h3.ngde, h1.ngde + h4.ngde, h1.ngde + h5.ngde, h1.ngde + h6.ngde,
|
|
53
|
+
h2.ngde + h1.ngde,
|
|
54
|
+
h2.ngde + h2.ngde,
|
|
55
|
+
h2.ngde + h3.ngde,
|
|
56
|
+
h2.ngde + h4.ngde,
|
|
57
|
+
h2.ngde + h5.ngde,
|
|
58
|
+
h2.ngde + h6.ngde,
|
|
59
|
+
h3.ngde + h1.ngde,
|
|
60
|
+
h3.ngde + h2.ngde,
|
|
61
|
+
h3.ngde + h3.ngde,
|
|
62
|
+
h3.ngde + h4.ngde,
|
|
63
|
+
h3.ngde + h5.ngde,
|
|
64
|
+
h3.ngde + h6.ngde,
|
|
65
|
+
h4.ngde + h1.ngde,
|
|
66
|
+
h4.ngde + h2.ngde,
|
|
67
|
+
h4.ngde + h3.ngde,
|
|
68
|
+
h4.ngde + h4.ngde,
|
|
69
|
+
h4.ngde + h5.ngde,
|
|
70
|
+
h4.ngde + h6.ngde,
|
|
71
|
+
h5.ngde + h1.ngde,
|
|
72
|
+
h5.ngde + h2.ngde,
|
|
73
|
+
h5.ngde + h3.ngde,
|
|
74
|
+
h5.ngde + h4.ngde,
|
|
75
|
+
h5.ngde + h5.ngde,
|
|
76
|
+
h5.ngde + h6.ngde,
|
|
77
|
+
h6.ngde + h1.ngde,
|
|
78
|
+
h6.ngde + h2.ngde,
|
|
79
|
+
h6.ngde + h3.ngde,
|
|
80
|
+
h6.ngde + h4.ngde,
|
|
81
|
+
h6.ngde + h5.ngde,
|
|
82
|
+
h6.ngde + h6.ngde {
|
|
165
83
|
margin-top: calc(var(--ng-doc-base-gutter) * 5);
|
|
166
84
|
}
|
|
167
85
|
|
|
168
|
-
h1 {
|
|
86
|
+
h1.ngde {
|
|
169
87
|
font-size: calc(var(--ng-doc-base-gutter) * 5);
|
|
170
88
|
line-height: calc(var(--ng-doc-base-gutter) * 6);
|
|
171
89
|
font-weight: 900;
|
|
172
90
|
}
|
|
173
91
|
|
|
174
|
-
h2 {
|
|
92
|
+
h2.ngde {
|
|
175
93
|
font-size: calc(var(--ng-doc-base-gutter) * 4);
|
|
176
94
|
line-height: calc(var(--ng-doc-base-gutter) * 5);
|
|
177
95
|
}
|
|
178
96
|
|
|
179
|
-
h3 {
|
|
97
|
+
h3.ngde {
|
|
180
98
|
font-size: calc(var(--ng-doc-base-gutter) * 3);
|
|
181
99
|
line-height: calc(var(--ng-doc-base-gutter) * 4);
|
|
182
100
|
}
|
|
183
101
|
|
|
184
|
-
h4 {
|
|
102
|
+
h4.ngde {
|
|
185
103
|
font-size: 20px;
|
|
186
104
|
line-height: calc(var(--ng-doc-base-gutter) * 4);
|
|
187
105
|
margin-top: calc(var(--ng-doc-base-gutter) * 3);
|
|
188
106
|
}
|
|
189
107
|
|
|
190
|
-
h5,
|
|
191
|
-
h6 {
|
|
108
|
+
h5.ngde,
|
|
109
|
+
h6.ngde {
|
|
192
110
|
font-size: calc(var(--ng-doc-base-gutter) * 2);
|
|
193
111
|
line-height: calc(var(--ng-doc-base-gutter) * 3);
|
|
194
112
|
margin-top: calc(var(--ng-doc-base-gutter) * 2);
|
|
195
113
|
}
|
|
196
114
|
|
|
197
|
-
pre {
|
|
115
|
+
pre.ngde {
|
|
198
116
|
margin: var(--ng-doc-code-margin);
|
|
199
117
|
}
|
|
200
|
-
pre code {
|
|
118
|
+
pre.ngde code.ngde {
|
|
201
119
|
white-space: unset;
|
|
202
120
|
box-shadow: inset 0px 6px 6px rgba(16, 19, 19, 0.32);
|
|
203
|
-
background-color: var(--ng-doc-code-background);
|
|
204
121
|
}
|
|
205
122
|
|
|
206
|
-
code {
|
|
123
|
+
*:not(pre) > code.ngde {
|
|
207
124
|
vertical-align: bottom;
|
|
208
125
|
border-radius: calc(var(--ng-doc-base-gutter) / 2);
|
|
209
126
|
background-color: var(--ng-doc-inline-code-background);
|
|
@@ -215,11 +132,11 @@ code {
|
|
|
215
132
|
white-space: nowrap;
|
|
216
133
|
}
|
|
217
134
|
|
|
218
|
-
.lead {
|
|
135
|
+
.lead.ngde {
|
|
219
136
|
font-size: 1.414rem;
|
|
220
137
|
}
|
|
221
138
|
|
|
222
|
-
.hug {
|
|
139
|
+
.hug.ngde {
|
|
223
140
|
margin-top: 0;
|
|
224
141
|
}
|
|
225
142
|
|
|
@@ -227,67 +144,149 @@ code {
|
|
|
227
144
|
overflow-x: auto;
|
|
228
145
|
}
|
|
229
146
|
|
|
230
|
-
table {
|
|
147
|
+
table.ngde {
|
|
231
148
|
width: 100%;
|
|
232
149
|
border-spacing: 0;
|
|
233
150
|
margin: calc(var(--ng-doc-base-gutter) * 4) 0;
|
|
234
151
|
margin-bottom: calc(var(--ng-doc-base-gutter) * 7);
|
|
235
152
|
}
|
|
236
|
-
table thead tr th {
|
|
153
|
+
table.ngde thead tr th {
|
|
237
154
|
padding: var(--ng-doc-base-gutter);
|
|
238
155
|
background-color: var(--ng-doc-base-1);
|
|
239
156
|
text-align: left;
|
|
240
157
|
}
|
|
241
|
-
table thead tr th:first-child {
|
|
158
|
+
table.ngde thead tr th:first-child {
|
|
242
159
|
border-top-left-radius: var(--ng-doc-base-gutter);
|
|
243
160
|
border-bottom-left-radius: var(--ng-doc-base-gutter);
|
|
244
161
|
padding-left: calc(var(--ng-doc-base-gutter) * 4);
|
|
245
162
|
}
|
|
246
|
-
table thead tr th:last-child {
|
|
163
|
+
table.ngde thead tr th:last-child {
|
|
247
164
|
padding-right: calc(var(--ng-doc-base-gutter) * 4);
|
|
248
165
|
border-top-right-radius: var(--ng-doc-base-gutter);
|
|
249
166
|
border-bottom-right-radius: var(--ng-doc-base-gutter);
|
|
250
167
|
}
|
|
251
|
-
table thead tr th h1,
|
|
252
|
-
table thead tr th h2,
|
|
253
|
-
table thead tr th h3,
|
|
254
|
-
table thead tr th h4,
|
|
255
|
-
table thead tr th h5,
|
|
256
|
-
table thead tr th h6 {
|
|
168
|
+
table.ngde thead tr th h1.ngde,
|
|
169
|
+
table.ngde thead tr th h2.ngde,
|
|
170
|
+
table.ngde thead tr th h3.ngde,
|
|
171
|
+
table.ngde thead tr th h4.ngde,
|
|
172
|
+
table.ngde thead tr th h5.ngde,
|
|
173
|
+
table.ngde thead tr th h6.ngde {
|
|
257
174
|
margin-top: 0;
|
|
258
175
|
margin-bottom: 0;
|
|
259
176
|
}
|
|
260
|
-
table tbody tr td {
|
|
177
|
+
table.ngde tbody tr td {
|
|
261
178
|
padding: calc(var(--ng-doc-base-gutter) * 2);
|
|
262
179
|
vertical-align: top;
|
|
263
180
|
border-bottom: 1px solid var(--ng-doc-base-1);
|
|
264
181
|
}
|
|
265
|
-
table tbody tr td:first-child {
|
|
182
|
+
table.ngde tbody tr td:first-child {
|
|
266
183
|
padding-left: calc(var(--ng-doc-base-gutter) * 4);
|
|
267
184
|
}
|
|
268
|
-
table tbody tr td:last-child {
|
|
185
|
+
table.ngde tbody tr td:last-child {
|
|
269
186
|
padding-right: calc(var(--ng-doc-base-gutter) * 4);
|
|
270
187
|
}
|
|
271
|
-
table tbody tr td table {
|
|
188
|
+
table.ngde tbody tr td table {
|
|
272
189
|
margin: calc(var(--ng-doc-base-gutter) * 2) 0;
|
|
273
190
|
}
|
|
274
|
-
table h1,
|
|
275
|
-
table h2,
|
|
276
|
-
table h3,
|
|
277
|
-
table h4,
|
|
278
|
-
table h5,
|
|
279
|
-
table h6 {
|
|
191
|
+
table.ngde h1.ngde,
|
|
192
|
+
table.ngde h2.ngde,
|
|
193
|
+
table.ngde h3.ngde,
|
|
194
|
+
table.ngde h4.ngde,
|
|
195
|
+
table.ngde h5.ngde,
|
|
196
|
+
table.ngde h6.ngde {
|
|
280
197
|
margin: 0 0 calc(var(--ng-doc-base-gutter) * 2);
|
|
281
198
|
}
|
|
282
199
|
|
|
283
|
-
a {
|
|
200
|
+
a.ngde {
|
|
284
201
|
text-decoration: none;
|
|
285
202
|
color: var(--ng-doc-link-color);
|
|
286
203
|
}
|
|
287
|
-
a:hover {
|
|
204
|
+
a.ngde:hover {
|
|
288
205
|
text-decoration: underline;
|
|
289
206
|
}
|
|
290
207
|
|
|
208
|
+
/*
|
|
209
|
+
Original sources
|
|
210
|
+
https://github.com/heygrady/scss-blend-modes/blob/master/stylesheets/_blend-modes.scss
|
|
211
|
+
*/
|
|
212
|
+
:root {
|
|
213
|
+
--ng-doc-base-gutter: 8px;
|
|
214
|
+
--ng-doc-transition: 0.1s;
|
|
215
|
+
--ng-doc-base-0: var(--ng-doc-white);
|
|
216
|
+
--ng-doc-base-1: var(--ng-doc-grey-10);
|
|
217
|
+
--ng-doc-base-2: var(--ng-doc-grey-20);
|
|
218
|
+
--ng-doc-base-3: var(--ng-doc-grey-30);
|
|
219
|
+
--ng-doc-base-4: var(--ng-doc-grey-40);
|
|
220
|
+
--ng-doc-base-5: var(--ng-doc-grey-50);
|
|
221
|
+
--ng-doc-base-6: var(--ng-doc-grey-60);
|
|
222
|
+
--ng-doc-base-7: var(--ng-doc-grey-70);
|
|
223
|
+
--ng-doc-base-8: var(--ng-doc-grey-90);
|
|
224
|
+
--ng-doc-base-9: var(--ng-doc-grey-100);
|
|
225
|
+
--ng-doc-base-10: var(--ng-doc-grey-110);
|
|
226
|
+
--ng-doc-base-11: var(--ng-doc-grey-180);
|
|
227
|
+
--ng-doc-primary: var(--ng-doc-ember-140);
|
|
228
|
+
--ng-doc-primary-rgb: var(--ng-doc-ember-rgb);
|
|
229
|
+
--ng-doc-primary-text: var(--ng-doc-white);
|
|
230
|
+
--ng-doc-hover: var(--ng-doc-ember-20);
|
|
231
|
+
--ng-doc-active: var(--ng-doc-ember-40);
|
|
232
|
+
--ng-doc-background: var(--ng-doc-base-0);
|
|
233
|
+
--ng-doc-border-size: 1px;
|
|
234
|
+
--ng-doc-border-color: var(--ng-doc-base-1);
|
|
235
|
+
--ng-doc-border-hover-color: var(--ng-doc-base-3);
|
|
236
|
+
--ng-doc-shadow-color: rgba(0, 0, 0, 0.15);
|
|
237
|
+
--ng-doc-heading-font-family: "Nunito", sans-serif;
|
|
238
|
+
--ng-doc-font-family: "Nunito Sans", sans-serif;
|
|
239
|
+
--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 2);
|
|
240
|
+
--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 3);
|
|
241
|
+
--ng-doc-font-weight: 500;
|
|
242
|
+
--ng-doc-code-font: "Source Code Pro", monospace;
|
|
243
|
+
--ng-doc-code-font-size: 14px;
|
|
244
|
+
--ng-doc-code-line-height: 18px;
|
|
245
|
+
--ng-doc-code-font-weight: 600;
|
|
246
|
+
--ng-doc-code-margin: calc(var(--ng-doc-base-gutter) * 5) 0px;
|
|
247
|
+
--ng-doc-text: var(--ng-doc-base-11);
|
|
248
|
+
--ng-doc-text-inversed: var(--ng-doc-base-0);
|
|
249
|
+
--ng-doc-text-muted: var(--ng-doc-base-8);
|
|
250
|
+
--ng-doc-link-color: var(--ng-doc-blue-100);
|
|
251
|
+
--ng-doc-link-color-rgb: var(--ng-doc-blue-rgb);
|
|
252
|
+
--ng-doc-inline-code-background: var(--ng-doc-base-2);
|
|
253
|
+
--ng-doc-inline-code-color: var(--ng-doc-text);
|
|
254
|
+
--ng-doc-button-background: trasparent;
|
|
255
|
+
--ng-doc-button-color: var(--ng-doc-text);
|
|
256
|
+
--ng-doc-button-hover-background: var(--ng-doc-base-1);
|
|
257
|
+
--ng-doc-button-hover-color: var(--ng-doc-button-color);
|
|
258
|
+
--ng-doc-button-active-background: var(--ng-doc-base-2);
|
|
259
|
+
--ng-doc-button-active-color: var(--ng-doc-button-hover-color);
|
|
260
|
+
--ng-doc-floated-border-color: transparent;
|
|
261
|
+
--ng-doc-floated-border: 2px solid var(--ng-doc-floated-border-color);
|
|
262
|
+
--ng-doc-floated-border-shadow-color: 0 1px 2px rgba(16, 24, 40, 0.05), 0 0 0 4px transparent;
|
|
263
|
+
--ng-doc-floated-border-radius: var(--ng-doc-base-gutter);
|
|
264
|
+
/* NgDocCheckboxComponent */
|
|
265
|
+
--ng-doc-checkbox-color: var(--ng-doc-primary);
|
|
266
|
+
--ng-doc-checkbox-color-text: var(--ng-doc-primary-text);
|
|
267
|
+
--ng-doc-checkbox-border: var(--ng-doc-border-size) solid var(--ng-doc-border-color);
|
|
268
|
+
--ng-doc-checkbox-border-hover: var(--ng-doc-border-size) solid var(--ng-doc-border-hover-color);
|
|
269
|
+
/* NgDocInputWrapperComponent */
|
|
270
|
+
--ng-doc-input-text-align: left;
|
|
271
|
+
--ng-doc-input-width: 100%;
|
|
272
|
+
--ng-doc-input-height: 40px;
|
|
273
|
+
--ng-doc-input-border: var(--ng-doc-border-size) solid var(--ng-doc-border-color);
|
|
274
|
+
--ng-doc-input-border-hover: var(--ng-doc-border-size) solid var(--ng-doc-border-hover-color);
|
|
275
|
+
--ng-doc-input-background-color: var(--ng-doc-base-0);
|
|
276
|
+
--ng-doc-input-padding-left: calc(var(--ng-doc-base-gutter) * 2);
|
|
277
|
+
--ng-doc-input-padding-right: calc(var(--ng-doc-base-gutter) * 2);
|
|
278
|
+
--ng-doc-input-cursor: auto;
|
|
279
|
+
/* NgDocTagComponent */
|
|
280
|
+
--ng-doc-tag-background: var(--ng-doc-primary);
|
|
281
|
+
--ng-doc-tag-color: var(--ng-doc-primary-text);
|
|
282
|
+
/* NgDocSelection */
|
|
283
|
+
--ng-doc-selection-border: 4px solid var(--ng-doc-primary);
|
|
284
|
+
--ng-doc-selection-background: transparent;
|
|
285
|
+
/* NgDocDot */
|
|
286
|
+
--ng-doc-dot-size: calc(var(--ng-doc-base-gutter) / 2);
|
|
287
|
+
--ng-doc-dot-background: var(--ng-doc-primary);
|
|
288
|
+
}
|
|
289
|
+
|
|
291
290
|
.ng-doc-tooltip {
|
|
292
291
|
--ng-doc-overlay-background: var(--ng-doc-base-11);
|
|
293
292
|
--ng-doc-overlay-border: var(--ng-doc-base-11);
|
|
@@ -991,16 +990,16 @@ article h1:first-child, article h2:first-child, article h3:first-child,
|
|
|
991
990
|
article h4:first-child, article h5:first-child, article h6:first-child {
|
|
992
991
|
margin-top: 0;
|
|
993
992
|
}
|
|
994
|
-
article section {
|
|
993
|
+
article section.ngde {
|
|
995
994
|
margin-bottom: calc(var(--ng-doc-base-gutter) * 5);
|
|
996
995
|
}
|
|
997
|
-
article header {
|
|
996
|
+
article header.ngde {
|
|
998
997
|
display: flex;
|
|
999
998
|
flex-direction: column;
|
|
1000
999
|
align-items: flex-start;
|
|
1001
1000
|
margin-bottom: calc(var(--ng-doc-base-gutter) * 3);
|
|
1002
1001
|
}
|
|
1003
|
-
article header .ng-doc-page-tags {
|
|
1002
|
+
article header.ngde .ng-doc-page-tags {
|
|
1004
1003
|
display: inline-flex;
|
|
1005
1004
|
flex-wrap: wrap;
|
|
1006
1005
|
align-items: flex-start;
|
|
@@ -1008,12 +1007,12 @@ article header .ng-doc-page-tags {
|
|
|
1008
1007
|
margin-bottom: calc(var(--ng-doc-base-gutter) * 2);
|
|
1009
1008
|
line-height: 22px;
|
|
1010
1009
|
}
|
|
1011
|
-
article header h1 {
|
|
1010
|
+
article header.ngde h1.ngde {
|
|
1012
1011
|
margin: 0;
|
|
1013
1012
|
margin-right: var(--ng-doc-base-gutter);
|
|
1014
1013
|
}
|
|
1015
|
-
article th p,
|
|
1016
|
-
article td p {
|
|
1014
|
+
article th p.ngde,
|
|
1015
|
+
article td p.ngde {
|
|
1017
1016
|
margin: 0;
|
|
1018
1017
|
}
|
|
1019
1018
|
article .ng-doc-inline-header {
|