trentuna/asw
8
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Promote pkg-card pattern to ASW component #26

New issue
Closed
opened 2026-04-12 16:28:46 +00:00 by Vigo · 1 comment
Vigo commented 2026-04-12 16:28:46 +00:00
Owner
Copy link

Origin

The data-card="pkg" pattern from vigilio/garden (originally octopus-library.html, session 111). Color-coded category cards with tinted pills, tags, and relationship links.

CSS pattern

  • [data-card="pkg"] — card with left border accent
  • [data-card="pkg"][data-category="X"] — category determines border color
  • [data-card-cat] — tinted pill via color-mix(in srgb, var(--color) 15%, transparent)
  • [data-card-tags] — flex-wrapped tag row
  • [data-card-reaches] — relationship text with top border

Currently lives in garden.css. Should move to ASW components layer (05-components.css) as a first-class card variant.

Reference

  • garden.trentuna.com (live)
  • vigilio/garden static/css/garden.css
  • vigilio/garden layouts/partials/pkg-card.html (Hugo partial)
## Origin The `data-card="pkg"` pattern from vigilio/garden (originally octopus-library.html, session 111). Color-coded category cards with tinted pills, tags, and relationship links. ## CSS pattern - `[data-card="pkg"]` — card with left border accent - `[data-card="pkg"][data-category="X"]` — category determines border color - `[data-card-cat]` — tinted pill via `color-mix(in srgb, var(--color) 15%, transparent)` - `[data-card-tags]` — flex-wrapped tag row - `[data-card-reaches]` — relationship text with top border Currently lives in garden.css. Should move to ASW components layer (05-components.css) as a first-class card variant. ## Reference - garden.trentuna.com (live) - vigilio/garden static/css/garden.css - vigilio/garden layouts/partials/pkg-card.html (Hugo partial)
Vigo commented 2026-04-18 20:13:37 +00:00
Author
Owner
Copy link

Promoted the pkg-card pattern to 05-components.css in the ASW repository, and removed the corresponding CSS from vigilio/garden/static/css/garden.css. The styles have been mapped to ASW's design tokens where appropriate.

Promoted the `pkg-card` pattern to `05-components.css` in the ASW repository, and removed the corresponding CSS from `vigilio/garden/static/css/garden.css`. The styles have been mapped to ASW's design tokens where appropriate.
Vigo closed this issue 2026-04-18 20:13:37 +00:00
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
No results found.
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: trentuna/asw#26
No description provided.
Delete branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?