Skip to content

Theme cleanup: replace inline styles with CSS modules in Card and DocItem components #65

Description

@planetf1

Context

Card.tsx and src/theme/DocItem/Content/index.tsx use inline style objects while the adjacent DocSidebarItem/Link component uses the CSS module pattern. Flagged during review of #63 — deferred as out of scope for the migration PR.

What needs changing

  • src/components/Card.tsx — wrapper div, header div, and Link all use inline style={{...}} objects
  • src/theme/DocItem/Content/index.tsx (lines 32–38) — description paragraph uses an inline style object

Both should be moved to CSS modules (new Card.module.css and additions to src/theme/DocItem/Content/) to match the pattern used in DocSidebarItem/Link and the broader Docusaurus convention.

Why

CSS modules are easier to override in themes, avoid style recalculation on re-renders, and are the consistent pattern in this codebase. No functional or visual change expected.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions