Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Refactor CSS of components
See original GitHub issueRight now we use a lot of custom classes. Instead, we should have a single class for a component (e.g. help-modal) and then use rules that are for objects nested below (e.g. .help-modal p a).
Issue Analytics
- State:
- Created 4 years ago
- Comments:22 (18 by maintainers)
Top Results From Across the Web
Refactoring CSS: Introduction (Part 1) - Smashing Magazine
First we need to analyze the existing codebase, audit CSS codebase health, discover weaknesses, agree on the approach, and convince management ...
Read more >How to Refactor CSS - A Guide - Hongkiat
How to Refactor CSS – A Guide · 1. Conduct an Initial Audit · 2. Set Up a Manageable Plan · 3. Track...
Read more >Refactoring CSS. What to keep in mind when thinking… | Inktrap
The “component refactor”. This is the refactor that is done with one specific element or component in mind. For example, you've decided to ......
Read more >CSS Architectures: Refactor Your CSS - SitePoint
So, in this article, I'll share with you my MetaCoax CSS refactoring process, designed to “de-bloatify” thousands of lines of redundant ...
Read more >5 Tips for Starting a Front-End Refactor | CSS-Tricks
Third, I then had to remove all our Bootstrap styles and place them into the component library where we would be able to...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Have a look at the code and send PRs to fix issues you see.
Let’s define them in the main CSS file. If you work on variables first, let’s replace all colors at once.