Reasonable System for CSS Stylesheet Structure
##### Viewing this from GitHub? Visit the website for the full experience. **[ricostacruz.com/rscss →](https://ricostacruz.com/rscss)**
<!-- {h5: style='display:none'} -->

----
<!-- {hr: style='display:none'} -->

# rscss

<!-- {h1:.massive-header.-with-tagline} -->

> Styling CSS without losing your sanity

Reasonable System for CSS Stylesheet Structure.<br>
A set of simple ideas to guide your process of building maintainable CSS.

Introduction
------------

Any CSS greater than 1000 lines will get unwieldy. You'll eventually run into these common pitfalls:

* "What does this class mean?"
* "Is this class still being used?"
* "If I make a new class `green`, will there be a clash?"

**rscss** is an attempt to make sense of all these. It is not a framework. It's simply a set of ideas to guide your process of building maintainable CSS for any modern website or application.

Let's get started by learning about components.
[Continue →](docs/components.md)
<!-- {p:.pull-box} -->

----
<!-- {hr: style='display:none'} -->

**rscss** © 2015+, Rico Sta. Cruz. Released under the [MIT] License.<br>
Authored and maintained by Rico Sta. Cruz with help from contributors ([list][contributors]).
<!-- {p: style='display:none'} -->

> [ricostacruz.com](http://ricostacruz.com) &nbsp;&middot;&nbsp;
> GitHub [@rstacruz](https://github.com/rstacruz) &nbsp;&middot;&nbsp;
> Twitter [@rstacruz](https://twitter.com/rstacruz)
<!-- {blockquote: style='display:none'} -->

[MIT]: http://mit-license.org/
[contributors]: http://github.com/rstacruz/rscss/contributors
