Skip to content

Commit 1e4e177

Browse files
authored
Customize api endpoint style (#14)
* endpoint style * bump package version
1 parent ed377a1 commit 1e4e177

2 files changed

Lines changed: 52 additions & 6 deletions

File tree

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "@api-components/api-endpoint-documentation",
33
"description": "A component to generate documentation for a resource from AMF model",
4-
"version": "6.0.1",
4+
"version": "6.0.2",
55
"license": "Apache-2.0",
66
"main": "index.js",
77
"module": "index.js",

src/Styles.js

Lines changed: 51 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -15,11 +15,30 @@ export default css`:host {
1515
}
1616
1717
.heading2 {
18-
color: var(--arc-font-title-color);
19-
font-size: var(--arc-font-title-font-size);
20-
font-weight: var(--arc-font-title-font-weight);
21-
line-height: var(--arc-font-title-line-height);
22-
margin: 0.84em 0;
18+
font-family: var(
19+
--api-endpoint-documentation-h2-font-family,
20+
var(--arc-font-title-font-family)
21+
);
22+
color: var(
23+
--api-endpoint-documentation-h2-font-color,
24+
var(--arc-font-title-color)
25+
);
26+
font-size: var(
27+
--api-endpoint-documentation-h2-font-size,
28+
var(--arc-font-title-font-size)
29+
);
30+
font-weight: var(
31+
--api-endpoint-documentation-h2-font-weight,
32+
var(--arc-font-title-font-weight)
33+
);
34+
line-height: var(
35+
--api-endpoint-documentation-h2-line-height,
36+
var(--arc-font-title-line-height)
37+
);
38+
margin: var(
39+
--api-endpoint-documentation-h2-margin,
40+
0.84em 0
41+
);
2342
}
2443
2544
.heading3 {
@@ -92,6 +111,33 @@ arc-marked {
92111
93112
.method-label {
94113
margin-bottom: 0px;
114+
font-family: var(
115+
--api-endpoint-documentation-method-label-font-family
116+
);
117+
font-size: var(
118+
--api-endpoint-documentation-method-label-font-size
119+
);
120+
font-weight: var(
121+
--api-endpoint-documentation-method-label-font-weight
122+
);
123+
}
124+
125+
.method-value {
126+
font-family: var(
127+
--api-endpoint-documentation-method-value-font-family
128+
);
129+
color: var(
130+
--api-endpoint-documentation-method-value-font-color
131+
);
132+
font-size: var(
133+
--api-endpoint-documentation-method-value-font-size
134+
);
135+
font-weight: var(
136+
--api-endpoint-documentation-method-value-font-weight
137+
);
138+
line-height: var(
139+
--api-endpoint-documentation-method-value-line-height
140+
);
95141
}
96142
97143
.method-anchor {

0 commit comments

Comments
 (0)