canonical / canonical/vanilla-framework

[Component amendment]: <.p-list__item .is-crossed>

Open Beginner friendly
#5,609 5 comments 0 reactions 0 assignees View on GitHub
Priority: Low Tier: Global WG: Validated
Dominant language
HTML
Stars
983
Forks
216
Avg merge
3d 13h
Merged PRs (30d)
3

Description

## Component/pattern to amend

Lists/Status/.is-crossed

## Visual

https://vanillaframework.io/docs/patterns/lists#status

Image

## Context

In what context does your amendment solve a problem?

I would like to propose updating the default text color of crossed list items from the current color to muted.

Rationale:

- The muted text color is already used for crossed list items in the [Pricing block](https://vanillaframework.io/docs/patterns/pricing-block).
- The Basic section currently in development also applies the muted style to crossed list items.

Benefits:

- Improves consistency across patterns and sections.
- Enhances clarity by visually reinforcing the inactive or deprecated state of crossed items.
- Reduces the need for repeated overrides in individual implementations.

Contributor guide

Open the contributing guide

Research direction

Start with the Lists/Status/.is-crossed pattern and compare its implementation with the Pricing block and the Basic section referenced in the issue. Confirm the existing muted color token or style, then verify that crossed list items use it consistently in the pattern documentation at the linked status page.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, sass
Domain
design, frontend
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
62/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.