Airbnb Sass and CSS Style Guide
A comprehensive style guide for writing maintainable and scalable CSS and Sass code.
What is Airbnb Sass and CSS Style Guide?
The Airbnb CSS/Sass Styleguide is a deprecated but influential set of best practices and conventions for writing clean, consistent, and scalable CSS and Sass. It provides detailed guidelines on formatting, naming, and architecture to improve code maintainability and team collaboration. The guide promotes a pragmatic, team-oriented approach that prioritizes readability and reusability.
Frontend developers and engineering teams working on large-scale web applications who need to establish or follow a shared CSS/Sass coding standard. It is particularly relevant for teams adopting component-based architectures and methodologies like OOCSS and BEM.
Developers choose this guide for its well-documented, battle-tested conventions from Airbnb's engineering practices, which help enforce consistency across teams. Its clear rules on formatting, selector discipline, and Sass usage reduce technical debt and make stylesheets easier to scale and maintain.
Overview
A mostly reasonable approach to CSS and Sass.
Use Cases
Best For
- Establishing a team-wide CSS/Sass style guide for large codebases to ensure consistency.
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.