* 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.
* add bold for active docs link [Fixes#74]
* Add ::before indicator to active doc link
Removes bold styling per design
* Update documentation-links.yaml
Makes it so `id` is paired with either a `to` field OR a list of `items` but not both
* Updates hover styling for left docs nav
* clean up styling
Removes remaining underlines from links styled as buttons. Cleans up logic for conditionally showing the ::before pseudo element. Makes the ::before indicator slightly larger.
* tweak ::before indicator styling
* tweak ::before indicator styling
Extracted the common style objects and props into variables or constants to avoid repeating the same code and make the code easier to read.
Instead of repeating the same _hover styles in multiple places, I created a hoverStyles object and used it in each Link component.