codeforboston / codeforboston/cliff-effects

Remove all id selectors from CSS

Open
#900 6 comments 0 reactions 0 assignees View on GitHub
discussion needed infrastructure tech-debt
Dominant language
JavaScript
Stars
30
Forks
62
PR merge metrics
No merged PRs in 30d

Description

Using id selectors (`#foo`) in CSS makes dealing with selector specificity a nightmare, since any selector with an id selector in it will always override a selector without one. We can always add a class to an element and use the class in the selector instead.

Note that this will become irrelevant if we end up using CSS Modules/styled-components/CSS-in-JS.

Contributor guide

No contributing guide indexed for this repository

Research direction

Search the repository's CSS for ID selectors and identify every affected rule and element. Replace the selectors with class-based equivalents, then verify that the affected styling remains correct; the issue provides no specific files or tests.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Refactor
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.