Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[v3] support for h2 and h4 headings with steps component #3237

Merged
merged 5 commits into from
Sep 17, 2024
Merged

[v3] support for h2 and h4 headings with steps component #3237

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
e05422f
[v3] support h2 headings with steps component
87xie Sep 12, 2024
07b44a5
Merge branch 'v3' into support-h2-headings-with-steps-component
dimaMachina Sep 15, 2024
b272ca9
support for h2 and h4 headings with steps component
87xie Sep 16, 2024
1c6d12b
polish
dimaMachina Sep 17, 2024
310447c
Merge branch 'v3' into support-h2-headings-with-steps-component
dimaMachina Sep 17, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions .changeset/good-masks-jam.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
'nextra': patch
---

Support for `h2` and `h4` Markdown headings with the Steps component.
26 changes: 26 additions & 0 deletions examples/blog/pages/posts/callout.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,6 +45,32 @@ Contents for step 2.

</Steps>

<Steps>
## Test
Run pnpm test

<Steps>
### nextra:test

### nextra-theme-docs:test

<Steps>
#### more

#### more more

#### more more more

</Steps>

### nextra-theme-blog:test

</Steps>

## Lint

</Steps>

## Tabs

{/* prettier-ignore */}
Expand Down
43 changes: 36 additions & 7 deletions examples/swr-site/pages/en/docs/getting-started.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,17 +31,46 @@ https://google.com/da;djaldhksagfugsufgasuyfgyuasgfuasgdjasbdjasdjkasfuydfasyrdy
</details>

<Steps>
### One
## Step 1
<Steps>
### Two
### Three
### Step 1.1

### Step 1.2

</Steps>
## Step 2

<Steps>
### Step 2.1

### Step 2.2

</Steps>
### Four
</Steps>

## Development

<Steps>
### Install Dependencies

Run `pnpm install` in the project root directory.

### Lint

<Steps>
### Five
### Six
#### Lint ESLint

run `pnpm lint`

#### Lint Prettier

run `pnpm lint:prettier --write` to format the entire project.

</Steps>
### Seven

### Test

Run `pnpm test`

</Steps>

Expand Down
22 changes: 14 additions & 8 deletions packages/nextra/styles/steps.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,17 @@
.nextra-steps h3 {
counter-increment: var(--counter-id);
.nextra-steps {
h2,
h3,
h4 {
counter-increment: var(--counter-id);
/* resets from nextra-theme-docs */
@apply _border-0 _pb-0 _font-semibold _tracking-tight _mt-8 _text-2xl;

&:before {
@apply _absolute _size-[33px];
@apply _border-4 _border-[rgb(var(--nextra-bg))] _bg-gray-100 dark:_bg-neutral-800;
@apply _rounded-full _text-neutral-400 _text-base _font-normal _text-center _-indent-px;
@apply _mt-[3px] _ml-[-41px];
content: counter(var(--counter-id));
&:before {
@apply _absolute _size-[33px];
@apply _border-4 _border-[rgb(var(--nextra-bg))] _bg-gray-100 dark:_bg-neutral-800;
@apply _rounded-full _text-neutral-400 _text-base _font-normal _text-center _-indent-px;
@apply _mt-[3px] _ml-[-41px];
content: counter(var(--counter-id));
}
}
}
Loading