canonical / canonical/vanilla-framework

Extract monospace text styling to a %placeholder

Open
#3,417 6 comments 0 reactions 0 assignees View on GitHub
P3 Triaged Priority: Medium Review: Code needed Triaged: Pragma
Dominant language
HTML
Stars
983
Forks
216
Avg merge
3d 13h
Merged PRs (30d)
3

Description

Currently only `` `

` etc elements provide built-in monospace font styling, but they also come with other styles, like background, etc.

There is no easy way of creating other elements that will use monospace font but different style.

We should extract any necessary styles (font, line-height, etc) to some `%vf-text-monospace` placeholder, so it can be reused in places that need to use monospace font without inheriting base `` styling.

Contributor guide

Open the contributing guide

Research direction

Locate the existing styles for code and pre elements and identify the shared monospace font and line-height rules. Extract those necessary styles into a reusable %vf-text-monospace placeholder without carrying over backgrounds or other code styling. Done means other elements can reuse the monospace styling independently.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, html, sass
Domain
design, frontend
Issue type
Refactor
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.