Skip to content

Commit d0133ca

Browse files
jpscajpsca
committed
Minor docs fixzes
1 parent 629ad5d commit d0133ca

6 files changed

Lines changed: 106 additions & 96 deletions

File tree

‎docs/assets/css/index.css‎

Lines changed: 87 additions & 94 deletions
Original file line numberDiff line numberDiff line change
@@ -1,105 +1,98 @@
1-
.headline {
2-
padding: 1rem;
3-
font-family: var(--font-family-mono);
4-
}
1+
.page-index {
2+
background-image: linear-gradient(var(--color-base) 4px, transparent 4px);
3+
background-size: 8px 8px;
54

6-
.headline header {
7-
display: flex;
8-
flex-direction: column;
9-
gap: 1rem;
10-
align-items: center;
11-
justify-content: center;
12-
text-align: center;
13-
max-width: 60rem;
14-
margin: 0 auto;
15-
font-weight: 500;
16-
}
5+
.headline {
6+
padding: 1rem;
7+
font-family: var(--font-family-mono);
178

18-
.headline header h1 {
19-
font-size: 2rem;
20-
font-weight: 900;
21-
text-align: center;
22-
}
23-
.headline header h2 {
24-
font-size: 1.5rem;
25-
font-weight: 600;
26-
}
9+
header {
10+
display: flex;
11+
flex-direction: column;
12+
gap: 1rem;
13+
align-items: center;
14+
justify-content: center;
15+
text-align: center;
16+
max-width: 60rem;
17+
margin: 0 auto;
18+
font-weight: 500;
2719

28-
@media (min-width: 64rem) {
29-
.headline {
30-
padding: 4rem;
31-
}
32-
.headline header h1 {
33-
font-size: 3rem;
34-
}
35-
.headline header h2 {
36-
font-size: 2rem;
37-
}
38-
}
20+
h1 {
21+
font-size: 2rem;
22+
font-weight: 900;
23+
text-align: center;
24+
}
25+
h2 {
26+
font-size: 1.5rem;
27+
font-weight: 600;
28+
}
3929

40-
.headline .badges {
41-
display: flex;
42-
gap: 1rem;
43-
justify-content: center;
44-
margin-top: 2rem;
45-
}
30+
@media (min-width: 64rem) {
31+
padding: 4rem;
4632

47-
.page-index {
48-
background-image: linear-gradient(var(--color-base) 4px, transparent 4px);
49-
background-size: 8px 8px;
50-
}
33+
h1 { font-size: 3rem; }
34+
h2 { font-size: 2rem; }
35+
}
36+
}
37+
38+
.badges {
39+
display: flex;
40+
gap: 1rem;
41+
justify-content: center;
42+
margin-top: 2rem;
43+
}
44+
}
5145

52-
.page-index .page__content {
53-
margin-left: auto;
54-
font-size: 1.1rem;
55-
max-width: 70rem;
56-
line-height: 1.7;
57-
}
46+
.page__content {
47+
margin-left: auto;
48+
font-size: 1.1rem;
49+
max-width: 70rem;
50+
line-height: 1.7;
5851

59-
@media (min-width: 64rem) {
60-
.page-index .page__content {
61-
font-size: 1.3rem;
52+
@media (min-width: 64rem) {
53+
font-size: 1.3rem;
54+
}
6255
}
63-
}
6456

65-
.footer {
66-
display: flex;
67-
padding: 4rem 2rem;
68-
border-top: 1px solid var(--color-base-darker);
69-
width: 100%;
70-
background: var(--color-base);
71-
}
57+
.footer {
58+
display: flex;
59+
padding: 4rem 2rem;
60+
border-top: 1px solid var(--color-base-darker);
61+
width: 100%;
62+
background: var(--color-base);
7263

73-
.footer div {
74-
align-items: center;
75-
display: flex;
76-
flex: 1;
77-
flex-direction: column;
78-
gap: 1rem;
79-
font-size: 1rem;
80-
letter-spacing: -0.01em;
81-
color: var(--color-gray-light);
82-
max-width: 100%;
83-
}
64+
& > div {
65+
align-items: center;
66+
display: flex;
67+
flex: 1;
68+
flex-direction: column;
69+
gap: 1rem;
70+
font-size: 1rem;
71+
letter-spacing: -0.01em;
72+
color: var(--color-gray-light);
73+
max-width: 100%;
74+
}
75+
}
8476

85-
.btn-start {
86-
display: block;
87-
width: fit-content;
88-
margin: 3rem auto 2rem;
89-
text-decoration: none;
90-
font-family: monospace;
91-
font-weight: 700;
92-
background: var(--color-white);
93-
padding: 0.75rem 1.5rem;
94-
border: 2px solid var(--color-accent);
95-
border-radius: 8px;
96-
line-height: 1;
97-
text-align: center;
98-
cursor: pointer;
99-
transition: all var(--transition-slow);
100-
}
101-
.btn-start:hover {
102-
background: var(--color-gray);
103-
color: var(--color-white);
104-
border-color: var(--color-white);
105-
}
77+
.btn-start {
78+
display: block;
79+
width: fit-content;
80+
margin: 3rem auto 2rem;
81+
text-decoration: none;
82+
font-family: monospace;
83+
font-weight: 700;
84+
background: var(--color-white);
85+
padding: 0.75rem 1.5rem;
86+
border: 2px solid var(--color-accent);
87+
border-radius: 8px;
88+
line-height: 1;
89+
text-align: center;
90+
cursor: pointer;
91+
transition: all var(--transition-slow);
92+
}
93+
.btn-start:hover {
94+
background: var(--color-gray);
95+
color: var(--color-white);
96+
border-color: var(--color-white);
97+
}
98+
}

‎docs/assets/css/nested-form-demo.css‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,14 +6,16 @@
66
margin: 2rem auto;
77
width: 100%;
88
max-width: 48rem;
9+
background: var(--color-base);
910

1011
h2 {
11-
color: #0f172a;
1212
font-weight: 600;
1313
font-size: 1.1rem;
1414
line-height: 1.5rem;
1515
margin: 0;
1616
margin-bottom: 1rem;
17+
text-shadow: none;
18+
font-family: var(--font-family-sans);
1719
}
1820
.nested-form-wrapper {
1921
margin-top: 1rem;
@@ -40,6 +42,8 @@
4042
border-top-left-radius: .375rem;
4143
width: 100%;
4244
font-size: 100%;
45+
color: inherit;
46+
background: var(--color-white);
4347
}
4448
[data-action="nested-form#remove"] {
4549
display: inline-flex;

‎docs/assets/images/apple-touch-icon.png‎

-439 Bytes
Loading

‎docs/assets/images/logo.png‎

-620 Bytes
Loading

‎docs/assets/images/logo.svg‎

Lines changed: 1 addition & 1 deletion
Loading

‎docs/views/sitemap.xml.jinja‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,4 +7,17 @@
77
<lastmod>{{ page.meta.get('date', now) }}</lastmod>
88
</url>
99
{%- endfor %}
10+
11+
{%- for variant in docs.variants.values() %}
12+
<url>
13+
<loc>{{ variant.site.base_url }}/</loc>
14+
<lastmod>{{ now }}</lastmod>
15+
</url>
16+
{% for page in variant.site.pages -%}
17+
<url>
18+
<loc>{{ site.base_url }}{{ page.url }}</loc>
19+
<lastmod>{{ page.meta.get('date', now) }}</lastmod>
20+
</url>
21+
{%- endfor %}
22+
{%- endfor %}
1023
</urlset>

0 commit comments

Comments
 (0)