airbnb / airbnb/javascript

Add Specificity, Responsiveness, and Common Pitfalls Sections to CSS-in-JavaScript Style Guide

Open
#3,001 6 comments 2 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
148k
Forks
26.6k
PR merge metrics
No merged PRs in 30d

Description

I propose adding the following sections to the Airbnb CSS-in-JavaScript Style Guide:

1. **Specificity:**
- Handling CSS specificity.
- Avoiding the use of `!important`.

2. **Responsiveness:**
- Best practices for media queries.
- Techniques for building responsive components.

3. **Common Pitfalls:**
- Common mistakes and how to avoid them.
- Debugging tips for CSS-in-JavaScript issues.

These additions will provide valuable guidelines to help developers write more effective and maintainable styles.

**Request:**

I would like to contribute to the guide by drafting these sections. Please let me know if this aligns with the project’s goals and if I can proceed.

Thank you!

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by locating the Airbnb CSS-in-JavaScript Style Guide and reviewing its existing section structure and contribution guidance. Draft sections covering specificity, responsiveness, and common pitfalls, then compare the result with the guide’s current tone and organization; done means all three requested topics are clearly documented.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
documentation
Issue type
Documentation
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.