similar to existing site, using duckduckgo using the get method of a form element. Converted magnifying class wrapped in anchor tag to be a submit button instead
* expand parseHeadingId
Will produce a kebab-case heading ID from string if none explicitly declared in the markdown. Always returns an object with the children, title and headingId.
* remove redundant code from MDComponents.tsx
parseHeadingIds now always returns an object with an ID, removing need for conditionals here
* Use Box instead of flex Stack for MDX content
Allows stacked vertical margins to properly collapse into each other
* fix: h2 top margin to 3rem on mobile
* remove unneeded line
* extract and rename getKebabCaseFromName util fn
* Update src/pages/[...slug].tsx
* Update src/utils/parseHeadingId.ts
Co-authored-by: Corwin Smith <cssmittys@gmail.com>
* move constant inside function
make variable name all caps as a string constant
* clean up utils/index.ts to abc order
Co-authored-by: Corwin Smith <cssmittys@gmail.com>
* fix hover for DocumentNav links [Fixes#73]
* use Box instead of flex Stack
Allows vertical margins of children to collapse into each other
* Revert "use Box instead of flex Stack"
This reverts commit a4811127ccd7424da8f51e2a056aee447fc5db08.
* add :focus and :active states
* use long month formatting for last edit date
* last -> Last
* Update src/pages/[...slug].tsx
Co-authored-by: Nicolás Quiroz <nh.quiroz@gmail.com>
Co-authored-by: Corwin Smith <cssmittys@gmail.com>
Co-authored-by: Nicolás Quiroz <nh.quiroz@gmail.com>
* add gap between md content and right nav
* shorten max width of right nav divider
* make DocumentNav width responsive
Existing fixed width was too large after the 2rem of padding was added. Simply making it more narrow made it unnecessarily small on larger screen sizes. Clamp sets a min of chakra-size-40, max of chakra-size-58, while targeting an eighth of the screen width.