Skip to content

v6: Card updates, use var(--spacer) over $spacer more#42354

Merged
mdo merged 8 commits intov6-devfrom
v6-card-docs
Apr 23, 2026
Merged

v6: Card updates, use var(--spacer) over $spacer more#42354
mdo merged 8 commits intov6-devfrom
v6-card-docs

Conversation

@mdo
Copy link
Copy Markdown
Member

@mdo mdo commented Apr 23, 2026

  • Adds spacers to root as CSS variables
  • Modifies card CSS to use CSS spacer vars instead of the Sass variable
  • Update a bunch of broken card demos
  • Replace a bunch of text-body-secondary instances to fg-2

@mdo mdo added the docs label Apr 23, 2026
@mdo mdo requested a review from a team as a code owner April 23, 2026 04:17
@mdo mdo added this to v6.0.0 Apr 23, 2026
@mdo mdo requested a review from a team as a code owner April 23, 2026 04:17
@github-project-automation github-project-automation Bot moved this to Inbox in v6.0.0 Apr 23, 2026
Copy link
Copy Markdown

@codeCraft-Ritik codeCraft-Ritik left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great refactor! Moving spacers to CSS variables improves flexibility and consistency across components.
Nice cleanup of card styles and demo fixes 👍

@mdo mdo changed the title v6: Card updates v6: Card updates, use var(--spacer) over $spacer more Apr 23, 2026
@mdo mdo merged commit d0ec50b into v6-dev Apr 23, 2026
12 checks passed
@mdo mdo deleted the v6-card-docs branch April 23, 2026 17:19
Copy link
Copy Markdown

@legende34 legende34 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Test #1

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

Status: Inbox

Development

Successfully merging this pull request may close these issues.

3 participants