Skip to content

Commit fe7fc32

Browse files
Copilotneilime
andcommitted
fix: fix prettier formatting issues
Co-authored-by: neilime <314088+neilime@users.noreply.github.com>
1 parent 89e7f7d commit fe7fc32

5 files changed

Lines changed: 37 additions & 78 deletions

File tree

packages/docs/src/css/custom.css

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -38,10 +38,9 @@
3838

3939
/* Typography */
4040
--ifm-font-family-base:
41-
"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
42-
"Helvetica Neue", Arial, sans-serif;
43-
--ifm-font-family-monospace:
44-
"Roboto Mono", "Monaco", "Consolas", "Courier New", monospace;
41+
"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
42+
sans-serif;
43+
--ifm-font-family-monospace: "Roboto Mono", "Monaco", "Consolas", "Courier New", monospace;
4544
--ifm-code-font-size: 95%;
4645

4746
/* Background and text colors */

packages/docs/src/pages/index.module.css

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,5 @@
11
:root {
2-
--homepage-hero-gradient: linear-gradient(
3-
135deg,
4-
#1d2026 0%,
5-
#506690 50%,
6-
#1998ff 100%
7-
);
2+
--homepage-hero-gradient: linear-gradient(135deg, #1d2026 0%, #506690 50%, #1998ff 100%);
83
}
94

105
.heroBanner {

packages/docs/src/pages/index.tsx

Lines changed: 27 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -17,9 +17,8 @@ const FeatureList: FeatureItem[] = [
1717
emoji: "🎨",
1818
description: (
1919
<>
20-
Fully own the visual identity of your documentation with curated color
21-
palettes, typography scales, and polished spacing tokens that make every
22-
page look editorial-ready.
20+
Fully own the visual identity of your documentation with curated color palettes, typography
21+
scales, and polished spacing tokens that make every page look editorial-ready.
2322
</>
2423
),
2524
},
@@ -28,9 +27,8 @@ const FeatureList: FeatureItem[] = [
2827
emoji: "🧱",
2928
description: (
3029
<>
31-
Ship faster with Layout, Logo, and Footer components that balance
32-
personality and usability. Every piece is theme-able, accessible, and
33-
ready to extend.
30+
Ship faster with Layout, Logo, and Footer components that balance personality and usability.
31+
Every piece is theme-able, accessible, and ready to extend.
3432
</>
3533
),
3634
},
@@ -39,9 +37,8 @@ const FeatureList: FeatureItem[] = [
3937
emoji: "⚡️",
4038
description: (
4139
<>
42-
Built on the latest Docusaurus 3 stack with TypeScript definitions,
43-
automated validation, and thoughtful defaults so you can iterate with
44-
confidence.
40+
Built on the latest Docusaurus 3 stack with TypeScript definitions, automated validation,
41+
and thoughtful defaults so you can iterate with confidence.
4542
</>
4643
),
4744
},
@@ -116,26 +113,17 @@ export default function Home(): JSX.Element {
116113
<main>
117114
<section className={clsx(styles.section, styles.heroBanner)}>
118115
<div className={styles.heroContent}>
119-
<h1 className={styles.heroTitle}>
120-
Hoverkraft Theme for Docusaurus
121-
</h1>
116+
<h1 className={styles.heroTitle}>Hoverkraft Theme for Docusaurus</h1>
122117
<p className={styles.heroSubtitle}>
123-
Craft documentation that feels premium out-of-the-box. The
124-
Hoverkraft theme blends an opinionated visual system with
125-
pragmatic components that stay out of your way and let your
126-
content shine.
118+
Craft documentation that feels premium out-of-the-box. The Hoverkraft theme blends an
119+
opinionated visual system with pragmatic components that stay out of your way and let
120+
your content shine.
127121
</p>
128122
<div className={styles.heroButtons}>
129-
<Link
130-
className="button button--primary button--lg"
131-
to="/docs/getting-started"
132-
>
123+
<Link className="button button--primary button--lg" to="/docs/getting-started">
133124
Start building
134125
</Link>
135-
<Link
136-
className="button button--secondary button--lg"
137-
to="/docs/components/layout"
138-
>
126+
<Link className="button button--secondary button--lg" to="/docs/components/layout">
139127
Explore components
140128
</Link>
141129
<Link className="button button--outline button--lg" to="/blog">
@@ -147,13 +135,10 @@ export default function Home(): JSX.Element {
147135

148136
<section className={styles.section}>
149137
<div className="container">
150-
<h2 className={styles.sectionTitle}>
151-
Everything your docs need to stand out
152-
</h2>
138+
<h2 className={styles.sectionTitle}>Everything your docs need to stand out</h2>
153139
<p className={styles.sectionSubtitle}>
154-
We distilled years of product storytelling into a reusable design
155-
system that works for launches, integrations, and long-form
156-
documentation.
140+
We distilled years of product storytelling into a reusable design system that works
141+
for launches, integrations, and long-form documentation.
157142
</p>
158143
<div className={styles.features}>
159144
{FeatureList.map((props) => (
@@ -167,9 +152,8 @@ export default function Home(): JSX.Element {
167152
<div className="container">
168153
<h2 className={styles.sectionTitle}>Color system ready to remix</h2>
169154
<p className={styles.sectionSubtitle}>
170-
Update three CSS variables and the entire site adapts—from hero
171-
gradients to code blocks and footers—while respecting
172-
accessibility contrast ratios.
155+
Update three CSS variables and the entire site adapts—from hero gradients to code
156+
blocks and footers—while respecting accessibility contrast ratios.
173157
</p>
174158
<div className={styles.palette}>
175159
{colorSwatches.map((swatch) => (
@@ -191,46 +175,32 @@ export default function Home(): JSX.Element {
191175
<div className="container">
192176
<h2 className={styles.sectionTitle}>Built for modern teams</h2>
193177
<p className={styles.sectionSubtitle}>
194-
Every detail—from TypeScript support to content structure—was
195-
designed to keep teams shipping purposeful, consistent
196-
documentation.
178+
Every detail—from TypeScript support to content structure—was designed to keep teams
179+
shipping purposeful, consistent documentation.
197180
</p>
198181
<div className={styles.integrationList}>
199182
{integrationHighlights.map(({ title, copy }) => (
200183
<div key={title} className={styles.integrationCard}>
201-
<h3 style={{ marginBottom: "0.5rem", fontSize: "1.1rem" }}>
202-
{title}
203-
</h3>
184+
<h3 style={{ marginBottom: "0.5rem", fontSize: "1.1rem" }}>{title}</h3>
204185
<p style={{ margin: 0 }}>{copy}</p>
205186
</div>
206187
))}
207188
</div>
208189
<div className={styles.callout}>
209-
<h3 className={styles.calloutTitle}>
210-
Ready to bring Hoverkraft to your docs?
211-
</h3>
190+
<h3 className={styles.calloutTitle}>Ready to bring Hoverkraft to your docs?</h3>
212191
<p>
213-
Follow the installation guide, wire up the theme config, and
214-
customize the layout in minutes. We included live examples,
215-
copy-ready snippets, and a migration path for existing sites.
192+
Follow the installation guide, wire up the theme config, and customize the layout in
193+
minutes. We included live examples, copy-ready snippets, and a migration path for
194+
existing sites.
216195
</p>
217196
<div className={styles.calloutButtons}>
218-
<Link
219-
className="button button--primary button--lg"
220-
to="/docs/installation"
221-
>
197+
<Link className="button button--primary button--lg" to="/docs/installation">
222198
Install the theme
223199
</Link>
224-
<Link
225-
className="button button--secondary button--lg"
226-
to="/docs/configuration"
227-
>
200+
<Link className="button button--secondary button--lg" to="/docs/configuration">
228201
Configure Hoverkraft
229202
</Link>
230-
<Link
231-
className="button button--outline button--lg"
232-
to="/docs/migration"
233-
>
203+
<Link className="button button--outline button--lg" to="/docs/migration">
234204
Migrate an existing site
235205
</Link>
236206
</div>

packages/theme/src/theme/Layout/index.tsx

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -42,12 +42,7 @@ export default function HoverkraftLayout(props: Props): JSX.Element {
4242

4343
return (
4444
<LayoutProvider>
45-
<PageMetadata
46-
title={title}
47-
description={description}
48-
keywords={keywords}
49-
image={image}
50-
/>
45+
<PageMetadata title={title} description={description} keywords={keywords} image={image} />
5146

5247
<div className={containerClassName}>
5348
{/* Skip to content link for accessibility */}

packages/theme/src/theme/Layout/styles.css

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -39,10 +39,9 @@
3939

4040
/* Typography */
4141
--ifm-font-family-base:
42-
"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
43-
"Helvetica Neue", Arial, sans-serif;
44-
--ifm-font-family-monospace:
45-
"Roboto Mono", "Monaco", "Consolas", "Courier New", monospace;
42+
"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
43+
sans-serif;
44+
--ifm-font-family-monospace: "Roboto Mono", "Monaco", "Consolas", "Courier New", monospace;
4645
--ifm-code-font-size: 95%;
4746

4847
/* Background and surface colors */
@@ -189,7 +188,8 @@
189188
}
190189

191190
@keyframes gradient-shift {
192-
0%, 100% {
191+
0%,
192+
100% {
193193
background-position: 0% 50%;
194194
}
195195
50% {

0 commit comments

Comments
 (0)